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.

10 Responses to Enhanced DataTable Scrolling

  1. Clément says:

    Great job!

  2. murali5531 says:

    Can we freeze column 1 and do an horizontal scroll ?

  3. 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.”

  4. zoigl says:

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

  5. Anonymous says:

    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 .

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

  7. Anonymous says:

    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

  8. Anonymous says:

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

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

  10. ratking says:

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

%d bloggers like this: