Table to Div Converter

Transform traditional HTML Tables to Div Tables. Copy and convert any visual table document to Div tables with a simple click of a button.

Editors

You can see two editors on the page side by side. The one on the left is a visual editor where you can compose the grids while on the right you can adjust the source.
If you have got the HTML code of the table that you'd like to convert then paste it in the code editor. If you have a visual document, like a Word doc or an Excel spreadsheet then paste that in the WYSIWYG editor.

Convert

Press the big button in the middle to translate all table tags in the document to structured div elements with custom classes. Use the supplied CSS file to make the block elements behave like a grid layout. You can also customize these styles to match your own website design.

Undo

Once clicked, the convert button turns into 'Undo' which reverts the document back to the state before the conversion.