DataTable > Column: It doesn't show operators dropdown and value input when dynamic column is in-place.

[pradipjs]

Describe the bug

In DataTable component, If column has dynamic field, it doesn't show the filter option in overlay panel (filterDisplay="menu" in datatable.)
If we do not modify the field property, it works.

Reproducer

https://stackblitz.com/edit/qiryzj-py9pqx?file=src%2FApp.jsx

PrimeReact version

10.6.5

React version

18.x

Language

TypeScript

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

1. Add data table component with dummy data.
2. Add column inside the data table, but field property should be dynamic. i.e. change it on button click or on some event, field property changes.
3. Click on filter icon, it shows overlay panel with just two buttons, "Clear" & "Apply".

Expected behavior

On filter icon, even if field changes, it should show the filter options in overlay panel.

[pradipjs]

Reference Image of issue

[Et7f3]

I see that if you have the default value of _filter as true then it doesn't happen:
const [_filter, showFilter] = useState(true); so I suggest you change the initial value to true and you call useEffect(() => {showFilter(false)}, []) so it flip back to no filter.

So their is a bug (Needs triage can be removed). It seems that a value is computed in a effect and never again.

However this seems strange how you want your dynamic columns. In the example it show you just iterate over columns descriptors and it display just fine. Why can't you do like the example ?

[melloware]

Marked as bug @Et7f3 Sound like some hook needs to fire let me know if you figure it out and feel free to submit a PR.