Instructions - Table Maker Widget

Generate your HTML table here: http://www.tablesgenerator.com/html_tables

 

ADDITIONAL SETUP OPTIONS

Disable Sorting:

To disable sorting on a particular column, you need to add data-sorter="false" to the header rows that you wish to disable. The header rows are the <th> tags. Click on your table HTML (Edit > HTML) - your disabled header rows should look like this:

<tr>
   <th data-sorter="false">This column is disabled</th>
   <th>AGE</th>
   <th>PHONE</th>
   <th>WEBSITE</th>
</tr>

 

Adding Links to Cells

You can add links to any text in your table by adding the hyperlink tag <a>. The first cell in the table below is linked to our site.

 <tr>
    <td><a href="http://www.muse-themes.com">Cell Text</a></td>
    <td>123 456 789</td>
    <td>Joe</td>
    <td>Smith</td>
  </tr>

 

You can force link to open in a new window by adding target="_blank" after the link code - example below:

 <tr>
    <td><a href="http://www.muse-themes.com" target="_blank">Cell Text</a></td>
    <td>123 456 789</td>
    <td>Joe</td>
    <td>Smith</td>
  </tr>

 

 

Adding Images to Cells

You can add images to any cell within your table, by including an <img> tag. The first cell in the table below contains the image "sample.png".

 <tr>
    <td><img src="http://www.yoursite.com/sample.png"></td>
    <td>123 456 789</td>
    <td>Joe</td>
    <td>Smith</td>
</tr>

Make sure you size your image appropriately before placing it into the table.