From fa52f177e262e1bf95d87fe03a912a3f5c6bcd6d Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Mon, 27 Jul 2026 18:58:05 +0700
Subject: [PATCH] feat: add row-key prop to DataTable components across
 multiple pages for improved key handling

---
 resources/js/pages/admin/finance/cash/Index.vue              | 2 +-
 resources/js/pages/admin/finance/employee-advances/Index.vue | 1 +
 resources/js/pages/admin/finance/expenses/Index.vue          | 1 +
 resources/js/pages/admin/hr/employees/Index.vue              | 2 +-
 resources/js/pages/admin/hr/leave-requests/Index.vue         | 2 +-
 resources/js/pages/admin/master/customers/Index.vue          | 1 +
 resources/js/pages/admin/master/suppliers/Index.vue          | 1 +
 resources/js/pages/admin/system/roles/Index.vue              | 1 +
 8 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/resources/js/pages/admin/finance/cash/Index.vue b/resources/js/pages/admin/finance/cash/Index.vue
index 68ea961..14abed1 100644
--- a/resources/js/pages/admin/finance/cash/Index.vue
+++ b/resources/js/pages/admin/finance/cash/Index.vue
@@ -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>
diff --git a/resources/js/pages/admin/finance/employee-advances/Index.vue b/resources/js/pages/admin/finance/employee-advances/Index.vue
index bc73de5..d146dc0 100644
--- a/resources/js/pages/admin/finance/employee-advances/Index.vue
+++ b/resources/js/pages/admin/finance/employee-advances/Index.vue
@@ -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"
diff --git a/resources/js/pages/admin/finance/expenses/Index.vue b/resources/js/pages/admin/finance/expenses/Index.vue
index b827ba8..698e550 100644
--- a/resources/js/pages/admin/finance/expenses/Index.vue
+++ b/resources/js/pages/admin/finance/expenses/Index.vue
@@ -107,6 +107,7 @@ watch(
                     :pagination="pagination"
                     :pagination-links="expenses.links"
                     :sort="currentSort"
+                    row-key="id"
                     @sort-change="setSort"
                     @filters-reset="resetFilters"
                 />
diff --git a/resources/js/pages/admin/hr/employees/Index.vue b/resources/js/pages/admin/hr/employees/Index.vue
index 94c60cd..2518642 100644
--- a/resources/js/pages/admin/hr/employees/Index.vue
+++ b/resources/js/pages/admin/hr/employees/Index.vue
@@ -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>
diff --git a/resources/js/pages/admin/hr/leave-requests/Index.vue b/resources/js/pages/admin/hr/leave-requests/Index.vue
index 32b1671..2ffdf07 100644
--- a/resources/js/pages/admin/hr/leave-requests/Index.vue
+++ b/resources/js/pages/admin/hr/leave-requests/Index.vue
@@ -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>
 
diff --git a/resources/js/pages/admin/master/customers/Index.vue b/resources/js/pages/admin/master/customers/Index.vue
index 289217f..bc27097 100644
--- a/resources/js/pages/admin/master/customers/Index.vue
+++ b/resources/js/pages/admin/master/customers/Index.vue
@@ -106,6 +106,7 @@ watch(
                     :pagination="pagination"
                     :pagination-links="customers.links"
                     :sort="currentSort"
+                    row-key="id"
                     @sort-change="setSort"
                     @filters-reset="resetFilters"
                 />
diff --git a/resources/js/pages/admin/master/suppliers/Index.vue b/resources/js/pages/admin/master/suppliers/Index.vue
index 778f953..e82e826 100644
--- a/resources/js/pages/admin/master/suppliers/Index.vue
+++ b/resources/js/pages/admin/master/suppliers/Index.vue
@@ -106,6 +106,7 @@ watch(
                     :pagination="pagination"
                     :pagination-links="suppliers.links"
                     :sort="currentSort"
+                    row-key="id"
                     @sort-change="setSort"
                     @filters-reset="resetFilters"
                 />
diff --git a/resources/js/pages/admin/system/roles/Index.vue b/resources/js/pages/admin/system/roles/Index.vue
index edf7fa4..71b8c08 100644
--- a/resources/js/pages/admin/system/roles/Index.vue
+++ b/resources/js/pages/admin/system/roles/Index.vue
@@ -104,6 +104,7 @@ watch(
                     :pagination="pagination"
                     :pagination-links="roles.links"
                     :sort="currentSort"
+                    row-key="id"
                     @sort-change="setSort"
                     @filters-reset="resetFilters"
                 />