Tables
Athena table examples combine semantic HTML tables with DataTables enhancements for search, export, responsive behaviour, fixed headers, column controls, and selection.
Markup
Use captions, scoped table headers, meaningful link text, and concise status badges.
Initialisation
Add data-athena-table="rich" and load assets/js/athena-tables.js after the bundled DataTables scripts.
Responsive
Wrap wide tables in .table-responsive and keep row text short enough for mobile expansion views.
Security
Escape server-rendered cell content and return trusted JSON only from authenticated table endpoints.