Table
A component for displaying large amounts of data in rows and columns.
| ID | Brand | Name | Customer ID | Status | Segment | Sign Up Time | |
|---|---|---|---|---|---|---|---|
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 | |
| 4090635 | Gewiw36966jz | example@example.com | WJKeMZG9Pkf2EXKQN | Status | Tag label Tag label Tag label + 4 Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label Tag Label | Jun 13, 2024, 12:28:15 |
Code
Code
<table class="backoffice-table">
<thead>
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Age</th>
</tr>
</thead>
<tbody>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</tbody>
</table>
Details
| Attribute | Type | Description |
|---|---|---|
| .backoffice-table | component | Table component |
| .backoffice-table-cell-image | component | Table cell image, used after the avatar tag |