Pricing Table V03

Author: Colorlib
Released: September 2026
License: CC BY 3.0
A plan comparison built as a real table with a caption, column and row headers, and headers attributes on every cell. The plan header row stays pinned while the page scrolls, and features are grouped into sections that collapse with disclosure buttons. Check and cross icons carry visually hidden text so screen readers hear Included or Not included.
It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 267 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Semantic table with caption, scope and headers
- Sticky plan header row with prices and buttons
- Collapsible feature groups with aria-expanded
- Expand all and Collapse all controls
- Phone layout starts with one group open and no horizontal scroll

