Moodle Table Converter
Paste a table into the source box. The Moodle HTML appears beside it, ready to paste into the editor's source code view. Its rows stack on narrow screens.
Table source
ExampleMoodle HTML
Stack rows below
Bootstrap measures the whole browser window. Moodle's side drawers make the content column narrower than the window, so 992 pixels suits most course pages.
Structure
Tidy
Labels on stacked rows
Stacked rows hide the header row. A label repeats the column name before a short value, such as “Time: 20 minutes”.
Screen readers use the caption to name the table. Unless you choose to show it, the caption is hidden on screen.
Preview
The preview copies the Bootstrap 4 styles in Moodle 4.5. Your Moodle theme can change the fonts and colours.
The page converts the table in your browser and sends it nowhere. The classes work in Moodle 4, which uses Bootstrap 4, and in Moodle 5, which uses Bootstrap 5.