Table

Overview

The table component allows you to display tabular data in a structured format on your web page. It provides various styling options to customize the appearance of the table according to your needs.

Examples

Basic Table

<div class="table-container">
  <table>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
      <th>Column 3</th>
    </tr>
    <tr>
      <td>Data 1</td>
      <td>Data 2</td>
      <td>Data 3</td>
    </tr>
    <tr>
      <td>Data 3</td>
      <td>Data 4</td>
      <td>Data 5</td>
    </tr>
  </table>
</div>

Table with Borders

<div class="table-container t-border">
  <table>
    <!-- Table content here -->
  </table>
</div>

Table with Text Wrapping

<div class="table-container t-warp-auto">
  <table>
    <!-- Table content here -->
  </table>
</div>