2 HTML Table Examples
The focus here is on building semantically clean tables, correctly structured using <th> and <caption>, which is critical for SEO and accessibility. The collection includes examples with JavaScript logic for client-side sorting of columns (numbers, strings, dates) and data filtering. These techniques ensure your tables are functional, fast, and adhere to modern web standards.
Examples
Custom <data-chart> element wraps a table that encodes monthly sales data. Each cell carries data-v, data-pv, and data-av attributes for plotting — the markup is semantic, accessible, and ready for CSS/JavaScript rendering.
Calendar Mockup
A vibrant, poster-style calendar design that resembles printed material, featuring automatic display of event labels directly within the grid cells.
See the Pen Calendar Mockup.