Skip to main content

Data table

Displays a tabular result set with filters, sorting, export, and pagination.

Example of the Data table widget in the Sybot Studio demo User View

Recommended configuration

  1. Associate a source, select visible measures, and optionally configure a hierarchy.
  2. Set rows per page and verify the result set with the preview.
  3. Customise headers, column values, and table commands.

Configuration options

AreaOptions
DataSource, visible columns, labels, declarative renderers, and rows per page.
TableColumn filters, sorting, formats, export, and server-side pagination.
SelectionDisabled, single, or multiple; key fields, context name, retention on refresh, and Drawer to open.
IdentityTitle, Subtitle, header visibility, type icon, and actions button.
PresentationStandard, Compact, or Dense variant and message to show when no data is available.
AppearanceBackground, background image, border, radius, padding, shadow, and typography for different areas.
PositionCoordinates and dimensions in cells within the page grid or container.

Best practices

  • Filters and sorting are applied server-side to the entire result set.
tip

Always verify the widget in Preview, in both light and dark themes, and with an empty data state before publishing the View.