基于jQuery表格头和列表固定代码插件

基于jQuery表格头和列表固定代码插件

RWD Table是一款jQuery表格头和列固定插件。该jquery插件可以在页面滚动时冻结表格头,或在横向拖动滚动条时,冻结某一表格列。

安装
可以通过bower来安装RWD Table插件。

1
bower install jquery-freeze-table

使用方法
在页面中引入freeze-table.js文件。

1
<script src="path/to/freeze-table.js"></script>

HTML结构
在表格上添加.table class类,并且用一个

元素包裹表格,并未它添加.freeze-tableclass类。

1
2
3
4
5
6
7
8
9
10
<div class="freeze-table">
  <table class="table">
    <thead>
      <th>...</th>
    </thead>
    <tbody>
      <td>...</td>
    <tbody>
  </table>
</div>

初始化插件
在页面DOM元素加载完毕,通过freezeTable()来初始化该插件。

1
2
3
$(function() {
  $('.freeze-table').freezeTable({});
});
当前内容只有登录了才能查看,如果您已经注册,请登录
2

发表评论