Diamond filters overlap

[kbakir]

When we add the filter={true} feature to the datatables in diamond, the filters overlap as in the attached video. I need your support for an urgent job. You can access the video here https://drive.google.com/drive/folders/ ... sp=sharing

[mert.sincan]

Hi @kbakir,

Which PrimeReact version are you using?

[mert.sincan]

Could you please try responsiveLayout="scroll"?

If the problem persists, could you please attach a sample page(your TableDemo.js) for us to replicate?

Best Regards,

[kbakir]

primereact": "6.1.0
responsiveLayout="scroll" did not work.
I installed tabledemo.js in drive folder : https://drive.google.com/drive/folders/ ... sp=sharing

[mert.sincan]

Hi,

The attached demo is not compatible with PrimeReact 6.1 version. We completely renewed the datatable. DataTable is now more flexible and responsive. My recommendation is to update your project to the latest PrimeReact version. If it is not possible to update your app, the css code below will most likely solve your problem.

Code: Select all

.p-column-filter {
    width: 100% !important
}

Best Regards,