Skip to content

Data Table

The Data Table is a component that presents data in a tabular format. It connects to a data source to retrieve data and offers flexible configuration options.

Configuring Data Table

Customize the Data Table's behavior and appearance to fit your specific needs using the available configuration options.

  • Data Source: Connect the table to your desired data source to automatically populate it with data.
  • Column Management: Columns can be populated manually through Column settings or automatically generated based on the available data source.
  • Multi-level Grouping: Support for up to three levels of grouping, with each group displaying customizable captions, headers, and footers.
  • Grouping Settings: Access detailed grouping configurations for each level, including options to Group by, Display in Columns, Show Header, Show Footer, and Show Caption.
  • Page Breaking: Tables with extensive data can span multiple pages by enabling the "Allow this component to break across multiple pages" option.
  • Formatting: Apply specific formatting for Number, Percent, and Date values, and define Empty text for cells with no data.
  • Advanced Options:
  • Is tree?: Toggle for tree-like data structures.
  • Automatically regenerate columns: Automatically update columns based on data.
  • Use fixed table layout: Enforce a fixed table layout.
  • Disable cell text wrap: Prevent text wrapping within cells.
  • Disable header text wrap: Prevent text wrapping within header cells.

Generic Styling Summary

The appearance of the Data Table can be customized at the table, column, and cell levels. This includes table-wide styling for headers, footers, and data cells, as well as individual column styling for both headers and data. Conditional styling can also be applied, where cells receive different styles based on their values. All styling options are configured in the component's "Appearance" tab and will override the default theme settings, allowing for precise visual control of your tabular data.