Standard Table
Tables are used all over the TYPO3 CMS backend. Use tables to show tabular data. The action icons should always be in the last table row cell. Please consider that zebra table row styling os done by nth-child CSS3 selector and might not work on legacy browsers (Internet Explorer 8).
Tree & Table Header |
Table Header link inline |
Table Header |
|
Record title on root level
|
Donec id elit |
1.900,50 |
|
First level entry record
|
Donec id elit |
540,99 |
|
First level entry record
|
Donec id elit |
540,99 |
|
Second level
not second class
|
Donec id elit |
9.300,20 |
|
Second level
not second class
|
Donec id elit |
9.300,20 |
|
Magic third level
|
Donec id elit |
9.300,20 |
|
Magic third level
|
Donec id elit |
9.300,20 |
|
Record title always bold
|
Donec id elit |
0,00 |
|
Record title always bold
|
Donec id elit |
0,00 |
|
Record title always bold
|
Donec id elit |
0,00 |
|
Record title always bold
|
Donec id elit |
0,00 |
|
X.XXX,XX Entries
|
<table class="t3-table">
<thead>
<th>Head</th>
</thead>
<tbody>
<td>Body</td>
</tbody>
<tfoot>
<td>Foot</td>
</tfoot>
</table>
Bootstrap Table
Head 1 |
Head 2 |
Body 1 |
Body 2 |
Body 1 |
Body 2 |
Body 1 |
Body 2 |
Body 1 |
Body 2 |
Body 1 |
Body 2 |
Body 1 |
Body 2 |
Foot 1 |
Foot 2 |
Table fit
Head 1 |
Head 2 |
Head 3 |
Head 4 |
Head 5 |
Head 6 |
Head 7 |
Head 8 |
Head 9 |
Head 10 |
Head 11 |
Head 12 |
Head 13 |
Head 14 |
Head 15 |
Body 1 |
Body 2 |
Body 3 |
Body 4 |
Body 5 |
Body 6 |
Body 7 |
Body 8 |
Body 9 |
Body 10 |
Body 11 |
Body 12 |
Body 13 |
Body 14 |
Body 15 |