Skip to main content
Urbicon UI

Remote Data (Server Mode)

Delegate filtering, sorting, and pagination to your backend with managed or manual integration.

Set mode="server" to delegate filtering, sorting, and pagination to your backend. Two integration paths:

Managed: queryFn

Provide an async function \u2013 the table handles loading, errors, request cancellation (AbortSignal), and debouncing automatically.
Loading...
Loading syntax highlighting...

Manual: onQueryChange

Full control \u2013 fetch data yourself and feed items back. Works with SvelteKit load functions, GraphQL, or any async pattern.
Loading...
Loading syntax highlighting...

How it works

  • In server mode, filtering, sorting, and pagination pass items through unchanged
  • The TableQuery object contains page, itemsPerPage, sortColumn, sortDirection, searchTerm, activeFilters, groupByKey
  • queryFn receives an AbortSignal \u2013 cancelled automatically when a new query fires
  • Search is debounced (default 300ms) to avoid excessive requests