Table

A table is a structured way to organize data using rows and columns. Each row represents a data entity, and each column represents an attribute or field. Tables can clearly display large amounts of data, making it easy for users to search, compare, and analyze. Tables are commonly used to present structured data such as financial reports, grade sheets, product lists, etc. The core advantage of tables is alignment and comparison. Users can quickly locate data in a specific row or column and make horizontal or vertical comparisons. Tables also support sorting, filtering, and other operations to enhance data usability and interactivity.

Use Cases

  • Display structured data such as details, lists, and reports.
  • When data needs to be searched, sorted, filtered, or compared.
  • When there is a large amount of data with multiple attributes per record.

Visual Examples

2024 Q1 Product Sales Report

Employee Performance Evaluation

Server Monitoring Status

Options

Configuration Options

PropertyTypeRequiredDescription
typestringrequiredValue must be "table".
dataObject[]requiredTable data. Each object's fields correspond to the table headers.
titlestringoptionalChart title.
theme'default' | 'dark'optionalTable theme, default is "default".