Static and Server Mode

table.mode controls where search, filters, sorting, and pagination happen.

Static mode

export const usersSchema = {
  resource: "users",
  mode: "static",
  table: {
    mode: "static",
    columns: ["name", "email", "status"],
    search: {
      enabled: true
    },
    pagination: {
      enabled: true,
      pageSize: 10
    }
  }
} as const;

In static mode, VibeFlui uses TanStack Table row models for client-side filtering, sorting, and pagination.

Server mode

export const usersSchema = {
  resource: "users",
  mode: "server",
  endpoint: {
    list: "/api/users"
  },
  table: {
    mode: "server",
    dataPath: "data.items",
    totalPath: "data.total",
    search: {
      enabled: true,
      param: "q"
    },
    pagination: {
      enabled: true,
      pageParam: "page",
      pageSizeParam: "limit"
    }
  }
} as const;

In server mode, VibeFlui sets TanStack Table to manual filtering, manual sorting, and manual pagination.

Provider query

Server mode converts table state into provider query parameters:

{
  q: "ada",
  status: "active",
  sort: "createdAt",
  order: "desc",
  page: 1,
  limit: 10
}

Parameter names:

Schema	Default
`table.search.param`	`search`
`table.pagination.pageParam`	`page`
`table.pagination.pageSizeParam`	`pageSize`

Sort always uses sort and order.