Table Persistence

Table state can be persisted with persist.

Persist all table state

export const ordersSchema = {
  resource: "orders",
  persist: {
    search: true,
    filter: true,
    sort: true,
    page: true,
    columnVisibility: true,
    storage: "localStorage"
  }
} as const;

Persisted fields

Property	Persisted state
`search`	Global search text.
`filter`	Column filter values.
`sort`	First sort key and direction.
`page`	Current page and page size.
`columnVisibility`	Visible/hidden column map.

Storage

persist: {
  search: true,
  storage: "sessionStorage"
}

Supported storage values:

localStorage
sessionStorage
url

Default storage is localStorage.

Custom key

persist: {
  search: true,
  filter: true,
  key: "admin:users:table"
}

Default key:

TXT

fluikit:{resource}:table

URL storage

When storage: "url" is used, VibeFlui stores JSON state in a query parameter using the persistence key.

persist: {
  search: true,
  filter: true,
  sort: true,
  page: true,
  columnVisibility: true,
  storage: "url"
}