Previous Pricing Table

Comparison Table

Product or plan feature matrix with check/cross indicators.

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

  • Product / plan row headers
  • Attribute value cells
  • Highlight winner column
  • Sticky first column
  • Show differences only toggle
  • Add to cart per column
5

Basic Table

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

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.
Previous Pricing Table