primefaces / primereact

The Most Complete React UI Component Library
https://primereact.org
MIT License
6.59k stars 998 forks source link

DataTable filters in ColumnGroups not displayed #2482

Open VsevolodGolovanov opened 2 years ago

VsevolodGolovanov commented 2 years ago

I'm submitting a ... (check one with "x")

[x] bug report
[ ] feature request
[ ] support request => Please do not submit support request here, instead see https://forum.primefaces.org/viewforum.php?f=57

Codesandbox Case (Bug Reports) https://codesandbox.io/s/datatable-with-nicefilter-and-columngroups-nf1l8

Current behavior Filters in ColumnGroups are not displayed. image

Expected behavior Filters should show up. image

Minimal reproduction of the problem with instructions Open linked codesandbox. See no filters.

Please tell us about your environment:

VsevolodGolovanov commented 2 years ago

This worked in 6.5.0: https://codesandbox.io/s/datatable-with-nicefilter-and-columngroups-working-0rzfb

I left NiceTableFilter there to verify that the custom filterFunction works. It's just a MultiSelect filter that allows picking from the values in the corresponding column data. And together with niceFilterFunction it conflates null, undefined and "" to a single "Not set" option. From the 6.5.0 codesandbox: image image

VsevolodGolovanov commented 2 years ago

The description misses the fact that filters used to be rendered in the corresponding header cells, that's not the case anymore: there is filterDisplay="row" and filterDisplay="menu" now. Both don't work with ColumnGroups. In the menu mode the menu button and overlay show up, but the overlay has no filter fields: image

melloware commented 1 year ago

Another reproducer in 9.2: https://stackblitz.com/edit/react-szwyss-osqzwu

Reported from duplicate ticket: https://github.com/primefaces/primereact/issues/4411

Nicocappabianca commented 6 months ago

Is there any news about this issue? I am currently using version 10.2.1 and I cannot render the filters when using filterDisplay="row" together with the headerColumnGroup prop.

melloware commented 6 months ago

@Nicocappabianca unless a community member donates a PR you might want to investigate: https://primereact.org/support/