TableFootnotes
A footnotes element embedded in an table is a list of notes usually linked to the table content.
Variations
?
Lorem ipsum dolor sit amet
| Lorem ipsum | Lorem ipsum | Lorem ipsum |
|---|---|---|
| Lorem ipsum | Lorem ipsum | Lorem ipsum |
| Lorem ipsum | Lorem ipsum | Lorem ipsum |
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Details
Usage
The footnotes element embedded inside a table is used to link a list of notes with the table content.
Guidelines
- Should be embedded directly in the
div.tablecontainer, right after thediv.wrappercontainer - A
tfoottag should not be combined with footnotes
HTML structure
Overall HTML view of a footnotes element inside a table:
HTML file (.html)
(other component(s))
div.table
div.header (optional)
div.titlediv.wrapper
table
thead (optional)
tr (one or more)
th (one or more)td (one or more)tbody
tr (one or more)
th (one or more)td (one or more)div.footnotes
ol
li (one or more)(other component(s))
Presets
Table with footnotes presets:
| Preset | Description |
|---|---|
| Default | Default preset. |
Variations
Table with footnotes variations:
| Variation | Description |
|---|---|
| Default | This snippet is composed of a table with a footnotes element inside. |