Top

Enhanced DataTable Scrolling

Enhanced DataTable Scrolling

One of the most popular feature requests we get from PrimeFaces community is the horizontal scrolling for datatable to deal with many columns, before 3.0.M3 we had vertical scrolling and now we have x, y and xy scrolling;

Implementing this is quite easy, you just need to;

  • Set scrollable option to true in datatable
  • Provide fixed widths to your columns
  • Use scrollHeight/scrollWidth in pixels to specify which type of scrolling you want

And then we deal with the complexity as usual 🙂 Next step is frozen columns for horizontal scrolling but that’s planned for a future milestone.

Check out the PrimeFaces Labs to see enhanced scrolling in action.

Share
10 Comments
  • Clément
    19 July 2011 at 07:12

    Great job!

  • murali5531
    19 July 2011 at 09:31

    Can we freeze column 1 and do an horizontal scroll ?

  • cagataycivici
    19 July 2011 at 10:46

    As I’ve mentioned in this entry;

    “And then we deal with the complexity as usual Next step is frozen columns for horizontal scrolling but that’s planned for a future milestone.”

  • zoigl
    19 July 2011 at 13:16

    Is it possible to hide the “headers” below the table?

  • Anonymous
    19 July 2011 at 15:11

    Hello Cagatay , we are currently evaluating PrimeFaces and Issue 1775 (sorting dynamic columns and exporting) is a stopper . Is there a resolution timeline or has the issue been tabled .
    thank you .

  • cagataycivici
    19 July 2011 at 18:34

    @Anonymous, would you like to sponsor the development of 1775?

  • Anonymous
    20 July 2011 at 16:14

    How does the process of sponsoring work ? What is the cost ? i can run it by my manager . you can email me at mamskane at yahoo dot com

    Thank you

  • Anonymous
    20 July 2011 at 16:15

    sorry i made an error on my email , it should be mamskane2000 at yahoo dot com .
    Thank you.

  • cagataycivici
    20 July 2011 at 19:05

    You can drop an email to contact at prime.com.tr

  • ratking
    22 July 2011 at 09:45

    Too many “Year” in the footer of the table 🙁
    It’s a bug?

Post a Comment