A powerful and customizable table component with sorting, filtering, and pagination features

Basic Usage

With Sorting

With Filtering

With Pagination

• Base styling with Tailwind:
  Core Structure

  table {
    @apply w-full border-collapse border-2 border-primary-light-500;
  }
  
  th {
    @apply bg-primary-light-500/10 text-primary-light-500 text-left p-2;
  }
  
  td {
    @apply border p-2 border-primary-light-500;
  }
  

• Pagination controls:
  Pagination Styles

  .pagination {
    @apply flex justify-between mt-4;
  }