Skip to content

useTableServerPaginationHandler

useTableServerPaginationHandler<T, Q>(options): object

Defined in: vue-crud/src/composables/useTableServerPaginationHandler.ts:25

Standalone composable handling pagination state and CRUD list bookkeeping for a server-backed store. Generalized from the original app’s composable — pagination types now come from @flextable/core instead of an app-owned interfaces module, and every Nuxt auto-import is explicit.

T extends object

Q extends PaginationQuery = PaginationQuery

TableServerPaginationHandlerOptions<T, Q>

object

allItems: ComputedRef<T[]>

fetchAllData: (newQuery, opts) => Promise<T[]>

Partial<Q> = {}

FetchAllDataOptions = ...

Promise<T[]>

fetchData: (newQuery) => Promise<PaginatedResponse<T>>

Partial<Q> = {}

Promise<PaginatedResponse<T>>

goToPage: (page) => Promise<void>

number

Promise<void>

handleBulkDelete: (deletedItemIds) => Promise<void>

T["id"][]

Promise<void>

handlePostCreate: (newItem) => void

T

void

handlePostDelete: (deletedCount) => Promise<void>

number = 1

Promise<void>

handlePostUpdate: (updatedItem) => void

T

void

handlePostUpdatePartial: (id, partialUpdatedItem) => Partial<T>

T["id"]

Partial<T>

Partial<T>

items: ComputedRef<T[]>

pagination: ComputedRef<{ itemCount: number; page: number; pageCount: number; pageSize: number; }>

query: ComputedRef<any>

removeItemsFromList: (itemIds) => void

T["id"][]

void

resetFilters: () => void

void

setQuery: (newQuery) => void

Q

void

updateFilters: (filters) => Promise<void>

Partial<Q>

Promise<void>

updatePageSize: (pageSize) => Promise<void>

number

Promise<void>