primevue
primevue copied to clipboard
Datatable: Row Grouping and Filter Recursive Loop
Describe the bug
When using rowGroupMode="subheader" along with dynamic filters in PrimeVue's DataTable, a recursive update loop occurs. This results in the error: "Uncaught (in promise) Maximum recursive updates exceeded in component <DataTable>. This causes the browser to become unresponsive when both are used in conjunction.
I have been able to use watchers to provide a temporary solution for this: https://stackblitz.com/edit/zn7u54-orumbi?file=src%2FApp.vue
Reproducer
https://stackblitz.com/edit/zn7u54?file=src%2FApp.vue
PrimeVue version
3.50.0
Vue version
3.x
Language
TypeScript
Build / Runtime
Vite
Browser(s)
No response
Steps to reproduce the behavior
- Run stackblitz
- go to console and see errors
Expected behavior
rowGroupMode and v-model filters to be able to be used together without recursive loop