Skip to content

[UTable] programmatic filtering is not working with global filtering enabled #5482

@edimitchel

Description

@edimitchel

Is this bug related to Nuxt or Vue?

Nuxt

Package

v4.x

Version

v4.1.0

Reproduction

https://codesandbox.io/p/devbox/sharp-kilby-36hg36

  • A map of data linking a category to a content of the table
  • A UTabs to switch from each category
  • A computed (data) returning the correct content depending on the selected category (these 3 things can simulate external filters)
  • On the left, a UTable with the global-filter model and a binding to the previously mentionned computed (data) which does not update when changing the category from the UTabs
  • On the right, a UTable without the model and a binding to the exactly same computed (data), and it updates correctly when changing the category from the UTabs

Description

Regression of Table component between NuxtUI 4.0.1 and 4.1.0

When a table has the v-model:global-filter model filled, as long as the model content is different than undefined, changing the data props content from outside the component (for example with external filters) doesn't update the table content. Except when we feed data with en empty array, then the table is empty, but without the "No data" label. It is just completely absent.
This issue wasn't present in 4.0.1 and souldn't be concerned with the recent breaking changes on the Table component (which only concerns the @select event).

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingtriageAwaiting initial review and prioritizationv4#4488

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions