HTML Table Generator

Quickly generate the HTML code necessary for a table using the HTML Table Generator. This online tool will let you choose from a variety of sizes and let you customize the structure and visual look of the table with a standard selection of color and display options.

This tool was designed for speed and efficiency so I've tried to include the essential options in order to let you put a table online as quickly as possible. This tool automatically generates the HTML, and CSS code. I revised the tool so that Javascript is no longer required - the highlight effect is now handled by the CSS hover pseudo-class.

You can also create a table without styles to your exact row and column size if you want to add your own custom CSS styling later on.

Online Table Generator

Just choose some options and copy the code and css styles from the box below. It's super easy and quick.

Customize your HTML Table

Use the options below to quickly create your custom HTML table.

Table Style: BlueGreenGreyOrangeBrownBlackNone ThemeHeaderNo Style Highlight: Table row highlight on hoverNo hover highlight

Table Structure: Columns Rows Cell Info: Add placeholder info in table cellsNo placeholder info in table cells

Advanced Options [+]

Add placeholder info in table cells (checked)

Add a table header

Add custom font family and font sizes

Copy the HTML code below to put your table online

<style type="text/css"> .tftable {font-size:12px;color:#333333;width:100%;border-width: 1px;border-color: #9dcc7a;border-collapse: collapse;} .tftable th {font-size:12px;background-color:#abd28e;border-width: 1px;padding: 8px;border-style: solid;border-color: #9dcc7a;text-align:left;} .tftable tr {background-color:#bedda7;} .tftable td {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: #9dcc7a;} .tftable tr:hover {background-color:#ffffff;} </style> <table class="tftable" border="1"> <tr><th>Header 1</th><th>Header 2</th><th>Header 3</th><th>Header 4</th><th>Header 5</th></tr> <tr><td>Row:1 Cell:1</td><td>Row:1 Cell:2</td><td>Row:1 Cell:3</td><td>Row:1 Cell:4</td><td>Row:1 Cell:5</td></tr> <tr><td>Row:2 Cell:1</td><td>Row:2 Cell:2</td><td>Row:2 Cell:3</td><td>Row:2 Cell:4</td><td>Row:2 Cell:5</td></tr> <tr><td>Row:3 Cell:1</td><td>Row:3 Cell:2</td><td>Row:3 Cell:3</td><td>Row:3 Cell:4</td><td>Row:3 Cell:5</td></tr> <tr><td>Row:4 Cell:1</td><td>Row:4 Cell:2</td><td>Row:4 Cell:3</td><td>Row:4 Cell:4</td><td>Row:4 Cell:5</td></tr> <tr><td>Row:5 Cell:1</td><td>Row:5 Cell:2</td><td>Row:5 Cell:3</td><td>Row:5 Cell:4</td><td>Row:5 Cell:5</td></tr> <tr><td>Row:6 Cell:1</td><td>Row:6 Cell:2</td><td>Row:6 Cell:3</td><td>Row:6 Cell:4</td><td>Row:6 Cell:5</td></tr> </table> <p><small>Created with the <a href="http://www.textfixer.com/html/html-table-generator.php" target="_blank">HTML Table Generator</a></small></p>

Your HTML Table

This is roughly what the HTML Table will look like on your website or blog.

Header 1	Header 2	Header 3	Header 4	Header 5
Row:1 Cell:1	Row:1 Cell:2	Row:1 Cell:3	Row:1 Cell:4	Row:1 Cell:5
Row:2 Cell:1	Row:2 Cell:2	Row:2 Cell:3	Row:2 Cell:4	Row:2 Cell:5
Row:3 Cell:1	Row:3 Cell:2	Row:3 Cell:3	Row:3 Cell:4	Row:3 Cell:5
Row:4 Cell:1	Row:4 Cell:2	Row:4 Cell:3	Row:4 Cell:4	Row:4 Cell:5
Row:5 Cell:1	Row:5 Cell:2	Row:5 Cell:3	Row:5 Cell:4	Row:5 Cell:5
Row:6 Cell:1	Row:6 Cell:2	Row:6 Cell:3	Row:6 Cell:4	Row:6 Cell:5

Your custom settings for the number of table rows and columns are not reflected in this preview of the table.

I designed this tool for the average web publisher on a very tight deadline so they can quickly generate a table and move a step closer to finishing the job.

In that regard, I left out a lot of advanced options in order to make the HTML table code generating process very quick and painess but if anyone wants a more advance version of this tool then drop me a line and if I get enough demand then I'll make an advanced HTML table generator for you guys.

Source : www.textfixer.com