Tailwind CSS Table - NiraUI
NiraUI Table component is a flexible and responsive solution for displaying tabular data on your website
Default Table
A simple and responsive table for displaying structured data.
| Name |
Item Name |
Item Price |
| Abubakar |
Eclair |
$0.87 |
| Blessing |
Jellybean |
$3.76 |
| Abasifreke |
Lollipop |
$7.00 |
| Jumbo |
KitKat |
$9.99 |
| Name |
Item Name |
Item Price |
| Abubakar |
Eclair |
$0.87 |
| Blessing |
Jellybean |
$3.76 |
| Abasifreke |
Lollipop |
$7.00 |
| Jumbo |
KitKat |
$9.99 |
Bordered Table
Add borders to your table for better visual separation of rows and columns
| Name |
Item Name |
Item Price |
| Abubakar |
Eclair |
$0.87 |
| Blessing |
Jellybean |
$3.76 |
| Abasifreke |
Lollipop |
$7.00 |
| Jumbo |
KitKat |
$9.99 |
| Name |
Item Name |
Item Price |
| Abubakar |
Eclair |
$0.87 |
| Blessing |
Jellybean |
$3.76 |
| Abasifreke |
Lollipop |
$7.00 |
| Jumbo |
KitKat |
$9.99 |
Striped Table
Use stripes for alternating row colors, improving readability of large datasets
| Name |
Item Name |
Item Price |
| Abubakar |
Eclair |
$0.87 |
| Blessing |
Jellybean |
$3.76 |
| Abasifreke |
Lollipop |
$7.00 |
| Name |
Item Name |
Item Price |
| Abubakar |
Eclair |
$0.87 |
| Blessing |
Jellybean |
$3.76 |
| Abasifreke |
Lollipop |
$7.00 |
Hoverable Table
Highlight rows on hover for interactive user experience
| Name |
Item Name |
Item Price |
| Abubakar |
Eclair |
$0.87 |
| Blessing |
Jellybean |
$3.76 |
| Abasifreke |
Lollipop |
$7.00 |
| Name |
Item Name |
Item Price |
| Abubakar |
Eclair |
$0.87 |
| Blessing |
Jellybean |
$3.76 |
| Abasifreke |
Lollipop |
$7.00 |
Center-Aligned Table
Align table content to the center for balanced layouts.
| Name |
Item Name |
Item Price |
| Abubakar |
Eclair |
$0.87 |
| Blessing |
Jellybean |
$3.76 |
| Abasifreke |
Lollipop |
$7.00 |
| Jumbo |
KitKat |
$9.99 |
| Name |
Item Name |
Item Price |
| Abubakar |
Eclair |
$0.87 |
| Blessing |
Jellybean |
$3.76 |
| Abasifreke |
Lollipop |
$7.00 |
| Jumbo |
KitKat |
$9.99 |
Right-Aligned Table
Align table content to the right for numerical or financial data.
| Name |
Item Name |
Item Price |
| Abubakar |
Eclair |
$0.87 |
| Blessing |
Jellybean |
$3.76 |
| Abasifreke |
Lollipop |
$7.00 |
| Jumbo |
KitKat |
$9.99 |
| Name |
Item Name |
Item Price |
| Abubakar |
Eclair |
$0.87 |
| Blessing |
Jellybean |
$3.76 |
| Abasifreke |
Lollipop |
$7.00 |
| Jumbo |
KitKat |
$9.99 |