t-table

This component renders a normal html table content into a styled table.


Basic Usage

First nameLast nameAge
MohammedAlali32
SaiedBader19
KhalidAlali42
MohammedAbdulrahman57
KhalidBader12
<TCard design="outlined">
  <TTable>
    <thead>
      <tr>
        <th class="w-4/12">First name</th>
        <th class="w-4/12">Last name</th>
        <th class="w-4/12">Age</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Mohammed</td>
        <td>Ali</td>
        <td>32</td>
      </tr>
    </tbody>
  </TTable>
</TCard>

Sizes

First nameLast nameAge
MohammedAlali32
SaiedBader19
KhalidAlali42
MohammedAbdulrahman57
KhalidBader12
<TCard elevated>
  <TTable size="sm">
    <thead>
      <tr>
        <th class="w-4/12">First name</th>
        <th class="w-4/12">Last name</th>
        <th class="w-4/12">Age</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Mohammed</td>
        <td>Ali</td>
        <td>32</td>
      </tr>
    </tbody>
  </TTable>
</TCard>

API

No options available



Table of Contents