Previous Responsive Table Next Data Grid

Sortable Table

Column-sortable table with ascending/descending toggle.

This page is a scaffold for the Sortable Table component. Build the live markup, Alpine.js interactions, and DaisyUI/Tailwind classes here, then replace this placeholder block with the real preview + code snippet.

Planned variants & states to implement:

  • Click column header to sort
  • Ascending / descending indicator
  • Multi-column sort
  • Sort by default column
  • Sort state in URL param
5

Basic Table

Simple HTML table with styled rows, headers, and zebra striping.

Responsive Table

Horizontally scrollable table for small viewports.

Data Grid

Feature-rich grid with pagination, filtering, and inline edit.

Pricing Table

Side-by-side plan comparison table with feature rows.

Comparison Table

Product or plan feature matrix with check/cross indicators.
Previous Responsive Table Next Data Grid