Dropdown filter options are not visible in Scroll Datatable with filter

UI Components for React
Post Reply
nandhucbm
Posts: 3
Joined: 12 Sep 2018, 09:01

09 Jan 2021, 18:35

Hi,
I am using "primereact": "^5.0.2". In the Datatable I am using filter dropdown in the header. I can able to see list of options when I trigger. When I make the datatable as scrollable then the filter dropdown options are not visible (like z-index issue) How can I fix this issue?

Thanks.


mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

26 Jan 2021, 17:50

Please try appendTo={document.body} on components that have overlay panel. Exp; Dropdown, Calendar etc.

Best Regards,

nandhucbm
Posts: 3
Joined: 12 Sep 2018, 09:01

28 Jan 2021, 17:38

mert.sincan wrote:
26 Jan 2021, 17:50
Please try appendTo={document.body} on components that have overlay panel. Exp; Dropdown, Calendar etc.

Best Regards,
Yay, Its working. Thank you so much mertsincan. :)

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

02 Feb 2021, 16:20

You're welcome.

Happy coding!

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 5 guests