Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-23 08:58:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

[docs]: Add Column Header and Header Casing Style Property in Table (#11716)

Browse source 
* [docs]: Add Column Header and Header Casing Style Property in Table

* Revert changes from LTS
This commit is contained in:
Pratik Agrawal 2025-01-02 17:53:15 +05:30 committed by GitHub
parent f66871f5e2
commit c92b0e49e8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
docs/docs/widgets/table/properties.md
View file

@ -249,20 +249,22 @@ Disable condition allows you to control whether the Table is enabled or disabled
### Data
| Style Property | Description | Configuration Options |
|-----------------|------------------|--------------------|
| **Text color** | Change the text color of the component. | Provide a `hex color code`, choose from the picker, or set programmatically using **fx**. |
| **Row style** | Selects the style of the table rows. | Choose from dropdown: Bordered, Regular, or Striped. You can also set it programmatically using **fx**. |
| **Cell height** | Determines the size of the table cells. | Choose between `Condensed` or `Regular` size. You can also set it programmatically using **fx**. |
| **Max row height** | Controls the maximum height of rows when `Content wrap` is enabled. | Select `Auto` or define a `Custom` size. You can also set it programmatically using **fx**. |
| **Text color** | Change the text color of the component. | Provide a **hex color code**, choose from the picker, or set programmatically using **fx**. |
| **Column header** | Defines how the column header text is displayed. | Choose between **Fixed** or **Wrap**. You can also set it programmatically using **fx**. |
| **Header casing** | Specifies the casing style for column headers. | Choose between **AA** or **As Typed**. You can also set it programmatically using **fx**. |
| **Row style** | Selects the style of the table rows. | Choose from dropdown: **Bordered**, **Regular**, or **Striped**. You can also set it programmatically using **fx**. |
| **Cell height** | Determines the size of the table cells. | Choose between **Condensed** or **Regular** size. You can also set it programmatically using **fx**. |
| **Max row height** | Controls the maximum height of rows when **Content wrap** is enabled. | Select **Auto** or define a **Custom** size. You can also set it programmatically using **fx**. |
## Action Button
| Action | Description | Configuration Options |
|:-------------------|:----------------|:-----------------------|
| **Button radius** | Sets the radius for all action buttons. | Enter a value (default is `0`) or dynamically configure using **fx**. |
| **Button radius** | Sets the radius for all action buttons. | Enter a value (default is **0**) or dynamically configure using **fx**. |
## Container
| Style Property | Description | Configuration Options |
|:---------------|:-----------|:----------------------|
| **Border radius** | Adds a radius to the borders of the Table. | Enter a value (default is `8`) or dynamically configure using **fx**. |
| **Border** | Defines the border color of the Table. | Change the color by providing a `hex color code`, choosing from the picker, or setting programmatically using **fx**. |
| **Box shadow** | Sets the box shadow properties of the component. | Select the box shadow color, adjust related properties, or set programmatically using **fx**. |
| **Border radius** | Adds a radius to the borders of the Table. | Enter a value (default is **8**) or dynamically configure using **fx**. |
| **Border** | Defines the border color of the Table. | Change the color by providing a **hex color code**, choosing from the picker, or setting programmatically using **fx**. |
| **Box shadow** | Sets the box shadow properties of the component. | Select the box shadow color, adjust related properties, or set programmatically using **fx**. |