t-table
This component renders a normal html table content into a styled table.
Basic Usage
First name | Last name | Age |
---|---|---|
Mohammed | Alali | 32 |
Saied | Bader | 19 |
Khalid | Alali | 42 |
Mohammed | Abdulrahman | 57 |
Khalid | Bader | 12 |
<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 name | Last name | Age |
---|---|---|
Mohammed | Alali | 32 |
Saied | Bader | 19 |
Khalid | Alali | 42 |
Mohammed | Abdulrahman | 57 |
Khalid | Bader | 12 |
<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