支持表头、列冻结表格(原创)

插件特效
2026-07-26 04:50 4 次浏览 • 0 次下载 3.3KB
支持表头、列冻结表格(原创)

更新时间:2020-06-18 23:12:00

一、使用方法

1、初始化方法:

1
var table = new FixedTable("dataTable", 1);

1)、"dataTable":原生表格id(必传参数)

2)、1:冻结的列数(从左到右冻结,选传参数,大于0且小于表格列数的数字,若不传则不冻结列)

2、销毁方法:

1
table.destory();

调用这个方法之后,表格会恢复初始化之前的状态,若想清除实例,请手动将实例置为null。

3、重新调整表格尺寸方法:

1
table.adjustTableSize();

调用这个方法会使插件自动重新计算表格冻结部分的尺寸,可用在监听窗口尺寸变化事件中:

1
2
3
$(window).resize(function() {
table.adjustTableSize();
});

二、注意事项

1、对于多级表头,请为不展示的单元格添加display:none的class属性。

2、此插件不支持ie浏览器。