SectionTable
A table element embedded in a section organizes and displays information in rows and columns.
When embedded, the table loses the div.header
block.
Variations
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu sem integer vitae justo eget magna fermentum iaculis eu. Et tortor consequat id porta.
Lorem ipsum | Lorem ipsum | Lorem ipsum | Lorem ipsum |
---|---|---|---|
Lorem ipsum | Lorem ipsum | Lorem ipsum | Lorem ipsum |
Lorem ipsum | Lorem ipsum | Lorem ipsum | Lorem ipsum |
Lorem ipsum | Lorem ipsum | Lorem ipsum | Lorem ipsum |
* Lorem ipsum dolor sit amet. |
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu sem integer vitae justo eget magna fermentum iaculis eu. Et tortor consequat id porta.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu sem integer vitae justo eget magna fermentum iaculis eu. Et tortor consequat id porta.
Lorem ipsum | Lorem ipsum | Lorem ipsum | Lorem ipsum |
---|---|---|---|
Lorem ipsum | Lorem ipsum | Lorem ipsum | Lorem ipsum |
Lorem ipsum | Lorem ipsum | Lorem ipsum | Lorem ipsum |
Lorem ipsum | Lorem ipsum | Lorem ipsum | Lorem ipsum |
* Lorem ipsum dolor sit amet. |
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu sem integer vitae justo eget magna fermentum iaculis eu. Et tortor consequat id porta.
Details
Usage
The table element is used inside a section whenever its content is not significant and long enough to be displayed as a full-width component.
Guidelines
- Should be embedded in a section component whenever the table data is not enough to display in full-width
HTML structure
Overall HTML view of a table element inside a section:
div.section
div.table
Presets
Section with table presets:
Preset | Description |
---|---|
Default | Default template. |
Variations
Section with table variations: