General
Template
Layout
Typography
Navigational
Informational
- Info Boxes
- Output Boxes
-
Code Boxes
- Cards
Data
Input
Images
Header
Footer
Components - Info Display
Data Display - Table
Simple format for Data displayed as Table
Table display of Data
Table - classic
- In the element table just add the class table-thulasi . This will add the Header and row borders set automatically.
Implementation Code and the output
<table class="table-thulasi">
<thead>
<tr>
<th>Tag</th>
<th>Description</th>
<th>Layout</th>
<th>Meta</th>
<th>Self-Closing</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<code><!-- --></code>
</td>
<td>Comment</td>
<td>Layout1</td>
<td>Meta1</td>
<td>Self</td>
</tr>
<tr>
<td>
<code><!DOCTYPE></code>
</td>
<td>Document type</td>
<td>Layout2</td>
<td>Meta2</td>
<td>Self</td>
</tr>
<tr>
<td>
<a>
</td>
<td>Anchor hyperlink</td>
<td>Inline</td>
<td>Meta3</td>
<td>Other</td>
</tr>
</tbody>
<tfoot>
</tfoot>
</table>
Copy
Output Sample
| Tag | Description | Layout | Meta | Self-Closing |
|---|---|---|---|---|
<!-- -->
|
Comment | Layout1 | Meta1 | Self |
<!DOCTYPE>
|
Document type | Layout2 | Meta2 | Self |
| <a> | Anchor hyperlink | Inline | Meta3 | Other |