Table Demo

Formatted Date Columns  

Keep source dates in ISO format (YYYY-MM-DD) and select their zero-based columns with date-cols. The table render hook displays a semantic time element and adds a numeric YYYYMMDD sort key to each date cell, so sorting follows chronology. date-format accepts a Go time layout and defaults to January 2, 2006. Select multiple columns with a comma-separated list, for example date-cols="0,2".

The attributes also work on ordinary Markdown tables without the table shortcode. Unselected columns keep their original content. Invalid nonempty date cells and invalid column selectors produce a warning; invalid cells remain unchanged. Empty cells stay empty. Use plain ISO text in date columns: links and other inline markup are preserved rather than converted.

Plain Wrapped Table  

Wrapped Data Table  

Two-Column Wrapped Table  

Filter-Only Table  

Centered Filter Controls  

Filtered, Sortable, Wrapped Data Table  

Responsive Filter Controls  

Below the main breakpoint the button group is replaced by a dropdown; at wider widths the group renders as usual. Enough categories to outgrow a narrow viewport, which is the case the argument exists for.

Table With Caption  

Table With Caption on Top  

Wrapped Into Column Groups  

Splits each record across three rows below the breakpoint: # and Name stay on the lead row, the four badges fold onto a row of their own, and the description takes the last. Mirrors a catalog table’s shape.

Column Groups Without a Data Table  

The same split on a plain table, which folds server-side with display utilities rather than in the browser. No sorting, paging or searching, so no data table.

Column Groups That No Longer Match  

Both tables ask for 2,4 across seven columns — the shape a group list is left in when a column is added and the list is not updated. The list is refused and the table falls back to wrapping the last column only, rather than folding on stale boundaries. The first is a data table, the second a plain one.