Next Responsive Table

Basic Table

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

This page is a scaffold for the Basic 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:

  • Header row
  • Striped rows
  • Hover highlight row
  • Bordered
  • Caption
  • Responsive scroll wrapper
  • Dense / compact variant
5

Responsive Table

Horizontally scrollable table for small viewports.

Sortable Table

Column-sortable table with ascending/descending toggle.

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.
Next Responsive Table