Bootstrap Table Test

Tables using the Full HTML text format

The text format "Full HTML" must be used to add Bootstrap classes.

Caption: Basic Table
Heading Heading Heading
1 Cell Cell
2 Cell Cell
3 Cell Cell

Table-Striped

Caption: Table-Striped
Heading Heading Heading
1 Cell Cell
2 Cell Cell
3 Cell Cell

Table-Bordered

Caption: Table-Bordered
Heading Heading Heading
1 Cell Cell
2 Cell Cell
3 Cell Cell

Table-Small

Caption: Table-Small
Heading Heading Heading
1 Cell Cell
2 Cell Cell
3 Cell Cell

Table-Responsive

Caption: Table-Responsive
Heading Heading Heading
1 Cell Cell
2 Cell Cell
3 Cell Cell

Table with TR colors

Caption: Table using TR classes to add color to rows
Class Heading Heading
Default Cell Cell
Primary Cell Cell
Secondary Cell Cell
Success Cell Cell
Danger Cell Cell
Warning Cell Cell
Info Cell Cell
Light Cell Cell
Dark Cell Cell

Table with TD colors

Primary

Caption: Table TD classes to add color to cells
Class Heading Heading
Default Cell Cell
Primary Cell Cell
Secondary Cell Cell
Success Cell Cell
Danger Cell Cell
Warning Cell Cell
Info Cell Cell
Light Cell Cell
Dark Cell Cell

Table using the Table HTML text format

The text format "Table HTML" removes the scope class and does not permit additional Bootstrap table classes such as caption-top.

Caption: Basic Table using the text format "Table HTML"
<th scope="col">Heading</th> <th scope="col">Heading</th> <th scope="col">Heading</th>
<th scope="row">Heading</th> <td>Cell</td> <td>Cell</td>
<th scope="row">Heading</th> <td>Cell</td> <td>Cell</td>
<th scope="row">Heading</th> <td>Cell</td> <td>Cell</td>
<th scope="row">Heading</th> <td>Cell</td> <td>Cell</td>