具有多个固定行的HTML表

时间:2014-08-30 00:14:37

标签: jquery html-table rows

我试图在向下滚动的同时冻结我桌子的前三行。

这是我的代码:

<table>
    <thead>
        <tr>
            <th>Item#</th>
            <td>12766</td>
        </tr>
        <tr>
            <th>LOC</th>
            <td>OWH</td>
        </tr>
        <tr>
            <th>Size/Qty</th>
            <td>12</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>SAlES</th>
            <td>32132</td>
        </tr>
        <tr>
            <th>SAlES</th>
            <td>32132</td>
        </tr>
        <tr>
            <th>SAlES</th>
            <td>32132</td>
        </tr>
    </tbody>
</table>

我搜索了许多jQuery插件,但他们不支持多行冻结。

请告知。

1 个答案:

答案 0 :(得分:1)

这个插件很有用,就像@CBroe提到的那样,我必须首先将行放入thead,然后我使用了这个插件:

http://mkoryak.github.io/floatThead/#usage