primevue icon indicating copy to clipboard operation
primevue copied to clipboard

Datatable: Row Grouping and Filter Recursive Loop

Open roobr opened this issue 8 months ago • 1 comments

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

  1. Run stackblitz
  2. go to console and see errors

Expected behavior

rowGroupMode and v-model filters to be able to be used together without recursive loop

roobr avatar Jun 13 '24 01:06 roobr