Accessible Table Builder

Please note that this page requires JavaScript for it to function.

Step 1: Set up structure (rows/cols etc)

  Col Col Col count:
Row count:

Step 2: Edit the cell data

Use the + and - controls to add or removes rows and columns for your table. Alternatively, you can enter a number directly into the text inputs to generate the necessary table structre.

You can choose to have table headers along the top or left of the table, or both; it is not possible to create multiple rows or columns of headers (as you might find on longer tables).

The tool will generate scope or id/headers attributes automatically, depending on whether your table has just top/left header cells or headers along both axes, respectively.

Video screencast with demonstration to follow. Sometime this century ... In the meantime, just give it a try!