save item per page in browser

2025-01-26 17:00:54 +01:00
parent 20520552c2
commit cde8eb100e
1 changed files with 10 additions and 0 deletions
@@ -122,6 +122,8 @@
        :headers="headers"
        :items="filterSettings.enabled ? filterSettings.filteredClients : clients"
        :hide-default-footer="filterSettings.enabled ? filterSettings.filteredClients.length<=10 : clients.length<=10"
+        :items-per-page="itemPerPage"
+        @update:items-per-page="setItemPerPage($event)"
        hide-no-data
        fixed-header
        item-value="name"
@@ -282,6 +284,14 @@ const headers = [
  { key: 'data-table-group', width: 0 },
 ]

+const itemPerPage = computed(() => {
+  return localStorage.getItem('items-per-page') || 10
+})
+
+const setItemPerPage = (items: number) => {
+  localStorage.setItem('items-per-page', items.toString())
+}
+
 const modal = ref({
  visible: false,
  id: 0,