ReadMeFeed / Community knowledge
Real questions. Useful conversations. Find the people who know your stack.
Problem Overview The Vuetify v-data-table component supports column sorting via header clicks, but the generated <th> elements do not include an aria-sort attribute. Screen readers cannot announce the current sort direction, which conflicts with WCAG 2.1 AA for dynamic content. Current Constraints Default component does not set aria-sort automatically.
VDataTable is used with server-side data. The documented failure condition is an empty table body when the items prop is undefined or null, with a Vue prop type warning. The component expects an items array or active server-items mode. In server mode the component does not automatically reset v-model:page when filters, search, sort or items-per-page change,
VDataTable in server-side mode exposes page, itemsPerPage and sort as controllable props and emits update:page, update:items-per-page and update:sort. The goal is to keep the table from requesting a page beyond the new total when itemsPerPage changes while the user is on a later page. The component does not provide a built-in constraint to prevent an out-of-
In Vuetify 3, the v-data-table component handles server-side pagination using the server-items-length prop to determine the total dataset size. While the component allows for dynamic data fetching, there is a discrepancy in how the internal page state reacts when the total item count decreases significantly. Currently, if the backend dataset shrinks and the
vuetify