Table settings
The Table element offers a wide range of customization options, organized into three tabs: Settings, Content, and Header.
Settings tab
Cells
Adjust the number of rows and columns in your table.
Border
Customize the table border with the following options:
- Border style: Solid, Dashed, Dotted
- Border width: Allowed range: 0–100 px, Step: 1 px
- Border color: Choose any color using the color picker
Padding
Customize the space between the table and the borders of its container (row):
- Set left-right and top-bottom padding simultaneously
- Set padding for each side individually
Cell padding
Customize the space between the text and the cell borders:
- Allowed range: 0–1000 px
- Step: 1 px
- Manual input: Enter a specific value as needed
Background color
Set any background color for the entire table using the color picker. Reset the color by clicking X in the color picker.
Content tab
Alignment
Align text in all table cells to the left, center, or right.
Vertical alignment
Align text in all table cells to the top, middle, or bottom.
Basic text settings
All standard text formatting options are available. For detailed instructions, see this section.
Stripes
Enable the Stripes toggle to color every other row with a selected color. Choose the stripe color using the color picker.
Header tab
Header
Enable or disable the table header in the column title area.
Alignment
Align text in header cells to the left, center, or right.
Vertical alignment
Align text in header cells to the top, middle, or bottom.
Background color
Set a background color for the header using the color picker. Reset the color by clicking X in the color picker.
Basic text settings
All standard text formatting options are available. For detailed instructions, see this section.