Skip to content

UTable combined sorting, pagination & filter example #5485

@piperone

Description

@piperone

Package

v4.x

Description

UTable is among the more complex and challenging components to use in NuxtUI. I've had issues both understanding and implementing robust tables with sorting, pagination and filtering. The docs currently have a lot of examples, but none in which sorting, pagination and filtering are combined in one table. There are some pitfalls when doing so, for instance the user being on page 2, then inputting a filter value which would change the length of the data set to just one page. The table would then appear empty. Tanstack has an autoResetPageIndex-feature to handle those cases, but it only works when pagination is handled internally in the Tanstack table, which I haven't figured out how to do in UTable.

In short, more complex examples would be a welcome addition to the docs.

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requesttriageAwaiting 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