Fire Sale! 50% off VHS! Ends October 26th



HTML Table Generator for E-Commerce Listings

Posted by Jeremy Janssen on

Found this great resource for generating HTML code out of a customizablbe table.

Also lets you creat links as part of the HTML.

Great for creating templates for your business or brand website.

Check it out: https://www.tablesgenerator.com/

Example table created for HuronShop.com:

 

Title of the Product
Option 1 Title Of Product
Option 2 Option Line for Details #2
Option 3 Option Line for Details #2
Option 4 Option Line for Details #2
More Details Option Line for Details #2

 

Copy Paste the code:

 
<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;}
.tg .tg-vnl4{font-family:"Trebuchet MS", Helvetica, sans-serif !important;;border-color:inherit;text-align:left;vertical-align:top}
.tg .tg-89n4{font-family:"Trebuchet MS", Helvetica, sans-serif !important;;background-color:#bcb4b4;color:#000000;border-color:inherit;text-align:left;vertical-align:top}
.tg .tg-xh2v{font-size:18px;font-family:"Trebuchet MS", Helvetica, sans-serif !important;;background-color:#0f0c0c;color:#ffffff;border-color:inherit;text-align:center;vertical-align:top}
</style>
<table class="tg">
 <tr>
   <th class="tg-xh2v" colspan="2"><span style="font-weight:bold;text-decoration:underline">Title of the Product</span></th>
 </tr>
 <tr>
   <td class="tg-89n4">Option 1</td>
   <td class="tg-vnl4">Title Of Product</td>
 </tr>
 <tr>
   <td class="tg-89n4">Option 2</td>
   <td class="tg-vnl4">Option Line for Details #2</td>
 </tr>
 <tr>
   <td class="tg-89n4">Option 3<br></td>
   <td class="tg-vnl4">Option Line for Details #2</td>
 </tr>
 <tr>
   <td class="tg-89n4">Option 4</td>
   <td class="tg-vnl4">Option Line for Details #2</td>
 </tr>
 <tr>
   <td class="tg-89n4">More Details</td>
   <td class="tg-vnl4">Option Line for Details #2</td>
 </tr>
</table>