Join Now

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.

 

 

 

Trusted by over 50,000 Muse Designers

Join now to download our entire library of templates, widgets, and tutorials Join Now