Static Mode

Static mode renders from local data or response props. Filtering, sorting, and pagination are handled by the table runtime.

When to use it

Use static mode when the host app already has all rows needed for the current view.

<FluiKit schema={usersSchema} data={usersData} />

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

Default behavior

If mode and dataMode are omitted, normalized data mode defaults to server. Set mode: "static" or dataMode: "static" when the table should use client-side row models.

Data sources

Static mode commonly uses:

• data prop with an array of rows.
• response prop plus table.dataPath when the rows are nested.

export const usersSchema = {
  resource: "users",
  mode: "static",
  table: {
    dataPath: "payload.users",
    columns: ["name", "email"]
  }
} as const;

What static mode does not do

Static mode does not call the provider for list data when data or response is provided. Mutations can still execute through handlers, providers, or endpoints when the user triggers actions.