Responsive Tables

Organize content into clear rows and columns for event schedules, timetables, job listings, downloads and other structured content.

Each row can combine a title, meta information, text, image and link, with an optional header for every column. Enter the content manually or load it dynamically from Joomla or WordPress, so events, schedules and other frequently updated information stay in sync with their source.

Arrange the columns in any order and control how they share the available space. Give columns a fixed width, shrink them around shorter values or expand them to fill the remaining area, then adjust the alignment and padding of their content.

Choose a default, divider or striped table style, highlight rows on hover and remove the outer cell padding when the table should align with surrounding content. On smaller screens, stack each row into a compact block or preserve the column layout with horizontal scrolling.

Keep the table accessible for all users with semantic HTML markup and defined column headers that help screen readers understand how each heading relates to its content.