feat: add row-key prop to DataTable components across multiple pages for improved key handling
This commit is contained in:
parent
ec8cb94486
commit
fa52f177e2
@ -151,7 +151,7 @@ watch(
|
|||||||
<CardContent class="min-w-0">
|
<CardContent class="min-w-0">
|
||||||
<DataTable v-model:search="search" :columns="columns" :data="transactions.data" :pagination="pagination"
|
<DataTable v-model:search="search" :columns="columns" :data="transactions.data" :pagination="pagination"
|
||||||
:pagination-links="transactions.links" :sort="currentSort" :filter-defs="filterDefs"
|
: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" />
|
@filters-reset="resetFilters" />
|
||||||
</CardContent>
|
</CardContent>
|
||||||
</Card>
|
</Card>
|
||||||
|
|||||||
@ -156,6 +156,7 @@ watch(
|
|||||||
:sort="currentSort"
|
:sort="currentSort"
|
||||||
:filter-defs="filterDefs"
|
:filter-defs="filterDefs"
|
||||||
:filter-values="filterValues"
|
:filter-values="filterValues"
|
||||||
|
row-key="id"
|
||||||
@sort-change="setSort"
|
@sort-change="setSort"
|
||||||
@filter-change="setFilter"
|
@filter-change="setFilter"
|
||||||
@filters-reset="resetFilters"
|
@filters-reset="resetFilters"
|
||||||
|
|||||||
@ -107,6 +107,7 @@ watch(
|
|||||||
:pagination="pagination"
|
:pagination="pagination"
|
||||||
:pagination-links="expenses.links"
|
:pagination-links="expenses.links"
|
||||||
:sort="currentSort"
|
:sort="currentSort"
|
||||||
|
row-key="id"
|
||||||
@sort-change="setSort"
|
@sort-change="setSort"
|
||||||
@filters-reset="resetFilters"
|
@filters-reset="resetFilters"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -128,7 +128,7 @@ watch(
|
|||||||
<CardContent class="min-w-0">
|
<CardContent class="min-w-0">
|
||||||
<DataTable v-model:search="search" :columns="columns" :data="employees.data" :pagination="pagination"
|
<DataTable v-model:search="search" :columns="columns" :data="employees.data" :pagination="pagination"
|
||||||
:pagination-links="employees.links" :sort="currentSort" :filter-defs="filterDefs"
|
: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" />
|
@filters-reset="resetFilters" />
|
||||||
</CardContent>
|
</CardContent>
|
||||||
</Card>
|
</Card>
|
||||||
|
|||||||
@ -104,7 +104,7 @@ watch(
|
|||||||
<CardContent class="min-w-0 pt-6">
|
<CardContent class="min-w-0 pt-6">
|
||||||
<DataTable v-model:search="search" :columns="columns" :data="leaveRequests.data"
|
<DataTable v-model:search="search" :columns="columns" :data="leaveRequests.data"
|
||||||
:pagination="pagination" :pagination-links="leaveRequests.links" :sort="currentSort"
|
:pagination="pagination" :pagination-links="leaveRequests.links" :sort="currentSort"
|
||||||
@sort-change="setSort" @filters-reset="resetFilters" />
|
row-key="id" @sort-change="setSort" @filters-reset="resetFilters" />
|
||||||
</CardContent>
|
</CardContent>
|
||||||
</Card>
|
</Card>
|
||||||
|
|
||||||
|
|||||||
@ -106,6 +106,7 @@ watch(
|
|||||||
:pagination="pagination"
|
:pagination="pagination"
|
||||||
:pagination-links="customers.links"
|
:pagination-links="customers.links"
|
||||||
:sort="currentSort"
|
:sort="currentSort"
|
||||||
|
row-key="id"
|
||||||
@sort-change="setSort"
|
@sort-change="setSort"
|
||||||
@filters-reset="resetFilters"
|
@filters-reset="resetFilters"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -106,6 +106,7 @@ watch(
|
|||||||
:pagination="pagination"
|
:pagination="pagination"
|
||||||
:pagination-links="suppliers.links"
|
:pagination-links="suppliers.links"
|
||||||
:sort="currentSort"
|
:sort="currentSort"
|
||||||
|
row-key="id"
|
||||||
@sort-change="setSort"
|
@sort-change="setSort"
|
||||||
@filters-reset="resetFilters"
|
@filters-reset="resetFilters"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -104,6 +104,7 @@ watch(
|
|||||||
:pagination="pagination"
|
:pagination="pagination"
|
||||||
:pagination-links="roles.links"
|
:pagination-links="roles.links"
|
||||||
:sort="currentSort"
|
:sort="currentSort"
|
||||||
|
row-key="id"
|
||||||
@sort-change="setSort"
|
@sort-change="setSort"
|
||||||
@filters-reset="resetFilters"
|
@filters-reset="resetFilters"
|
||||||
/>
|
/>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user