Data table with edit and frozen cuts the dropdowns

UI Components for React
Post Reply
Posts: 1
Joined: 09 Jun 2021, 21:24

09 Jun 2021, 21:30

Hello everybody

I am implementing a datatable with the edit functionality. Also the first 5 columns are fixed by frozen.

By clicking on the elements of the table we show different types of dropdowns but they are cut if they exceed the limits of the table


After several tests you can solve the dropdowns problem by adding the following line to my css:

Code: Select all

.p-datatable-scrollable-body {
overflow: visible! important;
The problem is that if I do this I lose the frozen of the table and it becomes a common table.

Is there a way to have the table with fixed columns without this affecting the dropdowns?

thanks for your help

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

16 Jun 2021, 13:10


Please try the latest PrimeReact version. If problem persists, please add appendTo={document.body} to MultiSelect component.

Best Regards,

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests