save item per page in browser
This commit is contained in:
@@ -122,6 +122,8 @@
|
|||||||
:headers="headers"
|
:headers="headers"
|
||||||
:items="filterSettings.enabled ? filterSettings.filteredClients : clients"
|
:items="filterSettings.enabled ? filterSettings.filteredClients : clients"
|
||||||
:hide-default-footer="filterSettings.enabled ? filterSettings.filteredClients.length<=10 : clients.length<=10"
|
: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
|
hide-no-data
|
||||||
fixed-header
|
fixed-header
|
||||||
item-value="name"
|
item-value="name"
|
||||||
@@ -282,6 +284,14 @@ const headers = [
|
|||||||
{ key: 'data-table-group', width: 0 },
|
{ 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({
|
const modal = ref({
|
||||||
visible: false,
|
visible: false,
|
||||||
id: 0,
|
id: 0,
|
||||||
|
|||||||
Reference in New Issue
Block a user