Bug in DataTable

UI Components for React
Post Reply
Posts: 8
Joined: 25 Jun 2018, 05:22

20 Sep 2020, 03:29

Can someone please help with workaround or fix for an issue I reported at https://github.com/primefaces/primereact/issues/1591 ?

When I created DataTable with scrollable attribute set to true (<DataTable value={this.state.records} scrollable={true} scrollHeight="200px" ..> and columns have filter elements defined and I use DropDown as a filter element then dropdown items get rendered behind the table.
Example: https://plnkr.co/edit/rKpB064FdkiHtkHY
Please note that same table with scrollable={false} works as expected

Any help will be greatly appreciated.

Posts: 8
Joined: 25 Jun 2018, 05:22

20 Sep 2020, 19:21

Turns out solution is simple - use appendTo={document.body} in Dropdown.
My ticket https://github.com/primefaces/primereact/issues/1591 was answered in less than 24 hours! Amazing support!!!

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

10 Oct 2020, 21:02

Thank you very much for your nice comment!

Best Regards,

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest