Post by smashrc » Tue Nov 11, 2014 12:04 am

Hi all,

I use HTML editor for creating a table then insert into product description. It is not responsive and the footer may disappear if my table has like 100 rows. Want to know what is proper coding for table on the new OC 2.0 responsive theme. Thank you very much.

The following is my sample of table:

<table class="table table-bordered">
<tbody>
<tr>
<td>Model no.</td>
<td>Length (inch)</td>
<td>Length (mm)</td>
<td>Pitch (inch)</td>
<td>Pinch (mm)</td>
</tr>
<tr>
<td> <a target="_blank" href="/%7Esmashrc/index.php?route=product/product&product_id=50&search=APC-LP04220">APC-LP04220</a></td>
<td>4.2</td>
<td>107</td>
<td>2</td>
<td>51</td>
</tr>
<tr>
<td> <a target="_blank" href="/%7Esmashrc/index.php?route=product/product&product_id=51&search=APC-LP04240">APC-LP04240</a></td>
<td>4.2</td>
<td>107</td>
<td>4</td>
<td>102</td>
</tr>
</tbody>
</table>

New member

Posts

Joined
Sun Mar 09, 2014 4:39 pm

Post by uksitebuilder » Tue Nov 11, 2014 12:57 am

try wrapping your table in a div like so

Code: Select all

<div class="table-responsive"> 
<table.......
</div>

User avatar
Guru Member

Posts

Joined
Thu Jun 09, 2011 11:37 pm
Location - United Kindgom
Who is online

Users browsing this forum: No registered users and 5 guests