vuetify-data

What problem does it solve?

Vuetify data-table pagination, sorting, and rich row rendering are difficult to implement correctly across server-side and client-side scenarios without boilerplate or inconsistent UI behavior.

Core Features & Use Cases

• Server-side paginated data grids using v-data-table-server with reactive options, items, items-length, and loading state for admin-style lists.
• Custom cell rendering via scoped slots (e.g., status chips and action buttons) to keep UI logic close to the table definition.
• Standalone pagination controls using v-pagination derived from totalItems and itemsPerPage for pages that need independent navigation.
• Use case: render an admin “Users” listing that fetches the correct slice from your API as the user paginates or sorts, while showing status chips and edit/delete actions per row.

Quick Start

Use vuetify-data to implement a v-data-table-server that fetches paginated results from your API based on v-model:options, passes items-length as the total count, and defines item.action/status slots for chips and buttons.