DataTable scrollable with Column filterElement doesn't work

UI Components for React
Post Reply
Posts: 12
Joined: 21 Oct 2020, 10:54

29 Oct 2020, 20:52

DataTable scrollable with Column filterElement doesn't work. If you add filterElement to Column which is of type Dropdown or Calendar they are hidden behind table body.
It's because you are doing complicated div embedding for scrollable table (I understand for vertical scrolling when you want to freeze header).
Insted of this I removed 'scrollable' from DataTable and defined in my layou SASS simple rule:

Code: Select all

	div.p-datatable-wrapper {
		overflow-x: scroll;
This way now horizontal scrolling works. Maybe it breaks vertical scrolling and table header will move together with body but for me this is better solution (I use paging).



Posts: 4484
Joined: 29 Jun 2013, 12:38

14 Nov 2020, 01:18


Please use appendTo={document.body} on the component that has panel such as dropdown, calendar, multiselect etc.

Best Regards,

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest