Table
The table component displays data in a tabular format.This article introduces the detailed configuration method of the table component.
Private Properties
Parameters | Description | Default value |
|---|---|---|
| data source | Configurable data sources | — |
| BG Color | #ffffff |
Table Data
After the data source is configured, the column name of the acquired data is displayed. The display name can be customized
Parameters | Description | Default value |
|---|---|---|
| The column name of the data | Data Key | — |
Title
Not displayed by default
Parameters | Description | Default value |
|---|---|---|
| Text | Table header | |
| Size | Optional value: 12~72 | 16 |
| Color | #333333 | |
| Thickness | Optional values: Standard, Bold | Standard |
| Position | Optional values: Right, Center, Left | Left |
| BG Color | #ffffff |
Header
Default Display
Parameters | Description | Default value |
|---|---|---|
| Font Size | Optional value: 12~72 | 16 |
| Color | #333333 | |
| Thickness | Optional values: standard, bold | Standard |
| Position | Optional values: Left, Center, Right | Left |
| BG Color | #f0f2f5 | |
| Line Height | 36 |
Content
Parameters | Description | Default value |
|---|---|---|
| Size | Optional value: 12~72 | 16 |
| Color | #333333 | |
| Thickness | Optional values: Standard, Bold | Standard |
| Position | Optional values: Right, Center, Left | Left |
| BG Color | #ffffff | |
| Height | 36 |
Row Style
Parameters | Description | Default value |
|---|---|---|
| Hover Color | Background color of the row when moving in | #f2f2f2 |
Pager
Default Display
Parameters | Description | Default value |
|---|---|---|
| Show Rows | The amount of data displayed on one page | 10 |
| Font Color | #ffffff | |
| Position | Optional values: Right, Center, Left | Center |
Active Page
Follow the paginator display
Parameters | Description | Default value |
|---|---|---|
| Font Color | #0070cc | |
| BG Color | #ffffff | |
| Border Color | #0070cc |
Normal page
Follow the paginator display
Parameters | Description | Default value |
|---|---|---|
| Font Color | #333333 | |
| BG Color | #ffffff | |
| Border Color | #dedede |
Export
Not displayed by default
Parameters | Description | Default value |
|---|---|---|
| Data Scope | The number of exported data. Optional values: All, Current Page. | current Page |
| BG Color | #0066ff | |
| Align | Optional values: Right, Center, Left | Right |
| Name | Export | |
| Size | Optional value: 12~72 | 12 |
| Color | #ffffff | |
| Thickness | Optional values: Standard, Bold | Standard |
Border
Follow Export Display
Parameters | Description | Default value |
|---|---|---|
| Thickness | 1 | |
| Color | #ffffff | |
| Line Style | Optional values: straight line, dashed line, dotted line | straight line |
Aggregate
Not displayed by default
Parameters | Description | Default value |
|---|---|---|
Aggregate functions | You can customize multiple filter conditions to aggregate dataStatistical method：Sum, Average, Count |
Inside Border
Default Display
Parameters | Description | Default value |
|---|---|---|
| Thickness | 1 | |
| Color | #dcdfe6 | |
| Line Style | Optional values: straight line, dashed line, dotted line | straight line |
Outside Border
Default Display
Parameters | Description | Default value |
|---|---|---|
| Thickness | 1 | |
| Color | #dcdfe6 | |
| Line Style | Optional values: straight line, dashed line, dotted line | straight line |
Node
Parameters | Description | Default value |
|---|---|---|
| Width | Overall width | 300 |
| Height | Overall height | 200 |
| X | Horizontal coordinate | — |
| Y | Vertical coordinate | — |