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>
try wrapping your table in a div like so
Code: Select all
<div class="table-responsive">
<table.......
</div>
Who is online
Users browsing this forum: No registered users and 6 guests