feat: add row-key prop to DataTable components across multiple pages for improved key handling

This commit is contained in:
Yoga Pangestu 2026-07-27 18:58:05 +07:00
parent ec8cb94486
commit fa52f177e2
8 changed files with 8 additions and 3 deletions

View File

@ -151,7 +151,7 @@ watch(
<CardContent class="min-w-0">
<DataTable v-model:search="search" :columns="columns" :data="transactions.data" :pagination="pagination"
:pagination-links="transactions.links" :sort="currentSort" :filter-defs="filterDefs"
:filter-values="filterValues" @sort-change="setSort" @filter-change="setFilter"
:filter-values="filterValues" row-key="id" @sort-change="setSort" @filter-change="setFilter"
@filters-reset="resetFilters" />
</CardContent>
</Card>

View File

@ -156,6 +156,7 @@ watch(
:sort="currentSort"
:filter-defs="filterDefs"
:filter-values="filterValues"
row-key="id"
@sort-change="setSort"
@filter-change="setFilter"
@filters-reset="resetFilters"

View File

@ -107,6 +107,7 @@ watch(
:pagination="pagination"
:pagination-links="expenses.links"
:sort="currentSort"
row-key="id"
@sort-change="setSort"
@filters-reset="resetFilters"
/>

View File

@ -128,7 +128,7 @@ watch(
<CardContent class="min-w-0">
<DataTable v-model:search="search" :columns="columns" :data="employees.data" :pagination="pagination"
:pagination-links="employees.links" :sort="currentSort" :filter-defs="filterDefs"
:filter-values="filterValues" @sort-change="setSort" @filter-change="setFilter"
:filter-values="filterValues" row-key="id" @sort-change="setSort" @filter-change="setFilter"
@filters-reset="resetFilters" />
</CardContent>
</Card>

View File

@ -104,7 +104,7 @@ watch(
<CardContent class="min-w-0 pt-6">
<DataTable v-model:search="search" :columns="columns" :data="leaveRequests.data"
:pagination="pagination" :pagination-links="leaveRequests.links" :sort="currentSort"
@sort-change="setSort" @filters-reset="resetFilters" />
row-key="id" @sort-change="setSort" @filters-reset="resetFilters" />
</CardContent>
</Card>

View File

@ -106,6 +106,7 @@ watch(
:pagination="pagination"
:pagination-links="customers.links"
:sort="currentSort"
row-key="id"
@sort-change="setSort"
@filters-reset="resetFilters"
/>

View File

@ -106,6 +106,7 @@ watch(
:pagination="pagination"
:pagination-links="suppliers.links"
:sort="currentSort"
row-key="id"
@sort-change="setSort"
@filters-reset="resetFilters"
/>

View File

@ -104,6 +104,7 @@ watch(
:pagination="pagination"
:pagination-links="roles.links"
:sort="currentSort"
row-key="id"
@sort-change="setSort"
@filters-reset="resetFilters"
/>