Table
![](https://docs.zingy.ai/~gitbook/image?url=https%3A%2F%2F3401585094-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FmnBepgycwgisXr9ya1N4%252Fuploads%252Fkq5FcdRkvRYG5ZTwN4ZH%252Fimage.png%3Falt%3Dmedia%26token%3D26aaf4ee-43bc-44d4-8dcc-e64bcd23e3a7&width=768&dpr=4&quality=100&sign=f3377f86&sv=1)
The Table
element is used to display tabular data and forms part of the two composite elements in the Page Element Library: Table (3 cols) and Table (4 cols).
The table element consists of a table head section and a table body section.
The table head section usually contains a single Table Row element with one or more Table Heading Cell elements. The number heading cells matches the number of columns you need.
NOTE: The table head section can contain more than one table row element.
The table body section usually contains one or more Table Row elements, each of which contain Table Column Cell elements.
Options
The Options tab settings for this element are described below:
Borders
Borders
Controls the type of borders shown for the table. The possible values are:
Default
Separates each row of the table with a horizontal line.
Disabled
Displays the table without any borders
Enabled
Displays the table with borders
Compact Spacing
Compact Spacing
When ON, reduces the padding inside each heading and column cell to give the table a compact look.
Striped Rows
Striped Rows
Render alternate rows using a gray background to give the table a striped look.
You can further customize your table via Custom CSS Classes or the Design Tab.
Last updated