Skip to main content

Table

Type: table • Category: visualization

Description

Store advanced data tables

Parameters

NameTypeDescriptionRequiredDefault
widgetIdhiddenno
rowsExprstringExpr -> list[dict] (each dict represents a row)no
rowsarrayDirect list of rows (skip expression evaluation)no[]
limitnumberno500
columnsarrayLegacy column overrides (prefer TableConfigurator)no
tableConfigobjectAdvanced table designer payload (columns, theme, options).no

Help

Table Worker - Advanced Data Visualization

Create rich, interactive data tables with advanced formatting, theming, and visualization features using MaterialReactTable.

Data Sources:

  • rowsExpr: Expression that returns list[dict] where each dict represents a table row
  • rows: Direct array of row data (bypasses expression evaluation)
  • limit: Maximum number of rows to display (default: 500)

Table Configuration (tableConfig): Advanced table designer with per-column settings, themes, and display options.

Column Features:

  • Formatting: Custom number formatting, decimals, prefixes/suffixes
  • Alignment: Left, center, right, auto alignment
  • Pinning: Pin columns to left/right for fixed positioning
  • Width: Custom column widths
  • Hidden: Show/hide columns
  • Tooltips: Column-specific tooltip expressions

Visualization Modes:

  • Auto: Automatic color mode based on data type
  • Static: Fixed color for entire column
  • Positive/Negative: Green for positive, red for negative values
  • Heatmap: Color gradient based on value ranges
  • Threshold: Conditional formatting with colors and icons
  • Bar: Progress bar visualization

Threshold Conditions: Advanced conditional formatting supporting:

  • Numeric operators: <, ≤, =, ≠, ≥, >, between
  • String operators: exists, contains
  • Colors: Custom colors for each condition
  • Icons: Visual indicators (⚠️ warning, ✅ check, ⭐ star, etc.)

Themes:

  • neoDark: Modern dark theme (default)
  • blueNight: Blue-tinted dark theme
  • mono: Monochrome theme
  • light: Clean light theme

Display Options:

  • Pagination: Enable/disable table pagination
  • Sorting: Column sorting capabilities
  • Filtering: Global and column-specific filters
  • Density: Compact, comfortable, spacious layouts
  • Striped: Alternating row colors
  • Sticky Header: Fixed header during scrolling

Examples:

  • Basic table: rowsExpr="data.users", limit=100
  • Formatted numbers: Configure decimals, prefixes ($), suffixes (%)
  • Threshold alerts: Values > 1000 show red with warning icon
  • Heatmap: Color-code performance metrics
  • Pinned columns: Keep ID and Name columns always visible

Performance:

  • Automatic column type detection
  • Efficient rendering for large datasets
  • Configurable row limits to prevent UI slowdown