Global Filter causes getFilteredRowModel to be empty

[Rudedog9d]

Environment

---

• Operating System: Linux
• Node Version: v22.12.0
• Nuxt Version: 3.17.7
• CLI Version: 3.26.4
• Nitro Version: 2.12.3
• Package Manager: pnpm@10.12.3
• Builder: -
• User Config: compatibilityDate, components, devtools, imports, apollo, modules, css, runtimeConfig
• Runtime Modules: @nuxt/eslint@1.6.0, @nuxt/fonts@0.11.4, @nuxt/icon@1.15.0, @nuxt/image@1.10.0, @nuxt/test-utils@3.19.2, @nuxt/ui@3.3.4, @rudedog9d/nuxt-apollo@5.0.0-alpha.20, @pinia/nuxt@0.11.2, nuxt-monaco-editor@1.3.2
• Build Modules: -

---

Is this bug related to Nuxt or Vue?

Nuxt

Package

v3.x

Version

v3.3.2

Reproduction

https://codesandbox.io/p/sandbox/cool-tree-539lz5

This example should be broke on page load. If you remove :globalFilter="filter", then refresh the preview, you can see the pagination initialize correctly.

I have included a watch console.log for the total, which represents the value of tableApi?.getFilteredRowModel().rows.length

Description

There is a bug with either NuxtUI Table, or Tanstack Table, when utilizing globalFilter and Pagination together. It seems that tableApi?.getFilteredRowModel().rows is not being initialized correctly.

When globalFilter is provided, the initial page load will not properly initialize the pagination total length using getFilteredRowModel, but when the globalFilter prop is removed from <UTable />, pagination initializes fine.

The pagination component also correctly updates if the filter is modified - it is ONLY a bug during the initial page load.

Additional context

No response

Logs