• Hello there,

    i want to add a scrollable table to the description of a product in a woocommerce-shop.
    this is my code atm.
    but when i put this code in, the sidebar moves from its normal place to somewhere down-left.
    and after the first line, there is a free line which i cant remove 🙁

    <table style="width: 100%;" border="0" cellspacing="0">
    <tbody>
    <tr style="background-color: #ffffff; color: #417da1;">
    <td width="110"><strong>Hersteller</strong></td>
    <td width="120"><strong>Modell</strong></td>
    <td width="220"><strong>Typ</strong></td>
    <td width="120"><strong>Hubraum</strong></td>
    <td width="160"><strong>Fahrgestell</strong></td>
    <td><strong>&nbsp;</strong></td>
    </tr>
    </tbody>
    </table>
    <div style="width: 100%; height: 100px; border-style: solid; border-width: 0px; border-color: #000000; background-color: #eeeeee; overflow: auto;">
    <table style="width: 100%;" border="0" cellspacing="0">
    <tbody>
    <tr style="cursor: pointer; background-color: #eeeeee;">
    <td style="color: #000000;" width="110">Vespa</td>
    <td style="color: #000000;" width="120">Primavera</td>
    <td style="color: #000000;" width="220">4 T 4 V , AC , 2013</td>
    <td style="color: #000000;" align="left" width="120">50</td>
    <td style="color: #000000;" width="160">ZAPC 53100</td>
    <td style="color: #000000;">&nbsp;</td>
    </tr>
    <tr style="cursor: pointer; background-color: #eeeeee;">
    <td style="color: #000000;" width="110">Vespa</td>
    <td style="color: #000000;" width="120">Primavera</td>
    <td style="color: #000000;" width="220">2 T , AC , 2013</td>
    <td style="color: #000000;" align="left" width="120">50</td>
    <td style="color: #000000;" width="160">ZAPC 53200</td>
    <td style="color: #000000;">&nbsp;</td>
    </tr>
    <tr style="cursor: pointer; background-color: #eeeeee;">
    <td style="color: #000000;" width="110">Vespa</td>
    <td style="color: #000000;" width="120">Primavera</td>
    <td style="color: #000000;" width="220">4 T 3 V , AC , 2013</td>
    <td style="color: #000000;" align="left" width="120">125</td>
    <td style="color: #000000;" width="160">ZAPM 81100</td>
    <td style="color: #000000;">&nbsp;</td>
    </tr>
    <tr style="cursor: pointer; background-color: #eeeeee;">
    <td style="color: #000000;" width="110">Vespa</td>
    <td style="color: #000000;" width="120">Primavera</td>
    <td style="color: #000000;" width="220">4 T 3 V , AC , 2013</td>
    <td style="color: #000000;" align="left" width="120">150</td>
    <td style="color: #000000;" width="160">ZAPM81200</td>
    <td style="color: #000000;">&nbsp;</td>
    </tr>
    <tr style="cursor: pointer; background-color: #eeeeee;">
    <td style="color: #000000;" width="110">Vespa</td>
    <td style="color: #000000;" width="120">Vespa Sprint</td>
    <td style="color: #000000;" width="220">4 T 4 V , 2014</td>
    <td style="color: #000000;" align="left" width="120">50</td>
    <td style="color: #000000;" width="160">ZAPC 53101</td>
    <td style="color: #000000;">&nbsp;</td>
    </tr>
    <tr style="cursor: pointer; background-color: #eeeeee;">
    <td style="color: #000000;" width="110">Vespa</td>
    <td style="color: #000000;" width="120">Vespa Sprint</td>
    <td style="color: #000000;" width="220">2 T 2 V , AC , 2014</td>
    <td style="color: #000000;" align="left" width="120">50</td>
    <td style="color: #000000;" width="160">ZAPC 53201</td>
    <td style="color: #000000;">&nbsp;</td>
    </tr>
    <tr style="cursor: pointer; background-color: #eeeeee;">
    <td style="color: #000000;" width="110">Vespa</td>
    <td style="color: #000000;" width="120">Vespa Sprint</td>
    <td style="color: #000000;" width="220">4 T , AC , Euro 3</td>
    <td style="color: #000000;" align="left" width="120">125</td>
    <td style="color: #000000;" width="160">RP8M82111</td>
    <td style="color: #000000;">&nbsp;</td>
    </tr>
    <tr style="cursor: pointer; background-color: #eeeeee;">
    <td style="color: #000000;" width="110">Vespa</td>
    <td style="color: #000000;" width="120">Vespa Sprint</td>
    <td style="color: #000000;" width="220">4 T , AC , Euro 3</td>
    <td style="color: #000000;" align="left" width="120">125</td>
    <td style="color: #000000;" width="160">ZAPM 81300</td>
    <td style="color: #000000;">&nbsp;</td>
    </tr>
    <tr style="cursor: pointer; background-color: #eeeeee;">
    <td style="color: #000000;" width="110">Vespa</td>
    <td style="color: #000000;" width="120">Vespa Sprint</td>
    <td style="color: #000000;" width="220">4 T , AC , Euro 3</td>
    <td style="color: #000000;" align="left" width="120">125</td>
    <td style="color: #000000;" width="160">ZAPM 81301</td>
    <td style="color: #000000;">&nbsp;</td>
    </tr>
    </tbody>
    </table>

    thanks in advance. have a nice weekend.
    Jan

The topic ‘Add scrollable table to Product Description’ is closed to new replies.