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

Informational Components - Cards

Data Components - Lists