HTML Table Generator

Theme
Result (click "Generate" to refresh)
Copy to clipboard
  Preview

How to use it?

  1. Using the Table menu set the desired size of the table.
  2. Enter the table data into the table:
    • select and copy (Ctrl+C) a table from the spreadsheet (e.g. Google Docs, LibreOffice Calc, webpage) and paste it into our editor -- click a cell and press Ctrl+V
    • or just double click any cell to start editing it's contents -- Tab and Arrow keys can be used to navigate table cells
  3. Adjust text alignment and table borders using the options from the menu and using the toolbar buttons -- formatting is applied to all the selected cells.
  4. Click "Generate" button to see the generated table's HTML source code -- select it and then Copy & Paste to your website's source.

We hope that this tool will prove useful for people who are not very familiar with the HTML and CSS. So if you need a table for your website or blog (Wordpress, Drupal or any platform which allows to put html code inside posts) it should work just fine. Our HTML table generator could also be useful for developers who just want to quickly create a html table. Please, note that newlines are preserved in the generated table's code.

Remarks

To insert the table into your website just copy & paste the generated code into your website's source. It should display fine in all modern browsers both desktop and mobile. But if you want your page to remain consistent with HTML standard, please, read the next paragraph.

The generated code consists of two parts: <style> tag and <table> tag. The first one should be copied and put just before the </head> tag of your website, while the latter (i.e. table code) should be placed in the desired location.

Table themes

As you probably noticed there is a select box "--Table theme--" in the toolbar which allows to select table theme from the predefined set. The generated CSS contains all the necessary colors etc. so that the table should look similar when you paste it to your website.