带有固定标头的可滚动表,使用jQuery自定义内容滚动条

时间:2016-07-29 19:38:05

标签: jquery html scrollbar

请帮助我获得带有固定标头jQuery自定义内容滚动条的可滚动表(这里是插件主页http://manos.malihu.gr/jquery-custom-content-scroller

我有下一张桌子:

<table>
   <thead>            
       <tr>
              <th>First</th>
              <th>Second></th>
              <th>Third</th>
        </tr>
   </thead>
          <tbody>
            <tr>
              <td>1</td>
                       ....
              <td>n</td>
            </tr>
            <tr>
              <td>1</td>
                      ....            
              <td>n</td>
            </tr>
                      ....  
          </tbody>
        </table>

我需要修复thead

它应该像这个演示http://salzerdesign.com/test/fixedTable.html

谢谢!

1 个答案:

答案 0 :(得分:0)

我建议使用this jQuery插件来修复表头。它得到了很好的支持,他甚至展示了如何实现它的代码片段。

这样就可以像在.js文件中添加一行jQuery一样简单。

        $("#tableid").freezeHeader(offset : '50px');

您只需要让每个表都有一个唯一的id并插入#tableid