VVibeFlui

Table Config

Type: FluiKitTableConfig.

Properties

PropertyTypeRequiredDefaultDescription
enabledbooleanNotrueEnables table rendering.
mode"static" | "server"Noroot mode, falling back to "server" if neither mode nor dataMode is set at the rootTable data mode.
engine"tanstack-table"No"tanstack-table"Table engine.
dataPathstringNo-Path to rows inside response.
totalPathstringNo-Path to total count inside response.
minWidthstring | numberNo-Horizontal scroll/min width.
columnsFluiKitTableColumnInput[]NonormalizedColumn definitions.
searchFluiKitSearchConfigNo-Search config.
filtersFluiKitFilterConfig[]No-Filter config.
sortFluiKitSortConfigNo-Sorting config.
paginationFluiKitPaginationConfigNo-Pagination config.
rowSelectionboolean | FluiKitRowSelectionConfigNo-Row selection config.
rowNumberboolean | FluiKitRowNumberConfigNonormalizedRow number column config.
actionGroupingbooleanNotrueGroups row actions when applicable.
actionIconFluiKitTableActionIconConfigNo-Row action icon hover config.
columnVisibilityboolean | Record<string, boolean>No-Initial/controlled column visibility metadata.
exportboolean | FluiKitTableExportConfigNoenabled (Copy, CSV, XLS, Columns menu) unless falseExport controls config.
statesFluiKitTableStatesConfigNodefault textsLoading, empty, error text.
classNamestringNo-Table class name.

Column object

Type: FluiKitTableColumn (or a bare string, normalized into { key: string }).

PropertyTypeRequiredDescription
keystringYesRow value path and TanStack column id.
labelstringNoHeader text. Defaults from key.
typeFluiKitTableColumnTypeNoDisplay hint (text, number, date, datetime, boolean, badge, email, custom, computed).
widthstring | numberNoColumn width for fixed table layout.
sortablebooleanNoEnables header sorting.
searchablebooleanNoIncludes the column in global search.
filterablebooleanNoMetadata flag for filterable columns.
hiddenbooleanNoHides the column from rendering.
visibleWhenFluiKitConditionNoColumn-level visibility condition. Not evaluated per row.
rendererstringNoRegistry renderer key.
compute / computedstringNoRegistry computed resolver key (compute is the runtime alias for computed).
classNamestringNoSchema metadata only — not applied by the core table renderer.
headerClassNamestringNoApplied by the core table renderer to the column's <th>.
cellClassNamestringNoApplied by the core table renderer to the column's <td>, merged with the tableCell theme slot.
classNameWhenFluiKitClassNameCondition[]NoSchema metadata only at the column level — use theme.classNameWhen/theme.classNameResolver for active conditional styling.

Example

TS
table: {
  columns: [
    { key: "name", label: "Name", searchable: true, sortable: true },
    { key: "email", label: "Email", type: "email" },
    { key: "status", label: "Status", renderer: "StatusBadge" }
  ],
  search: { enabled: true },
  pagination: { enabled: true, pageSize: 10 }
}