表格插件superTables

877 阅读1分钟

superTables锁定表格的列和表头

1,简短说明

使用 superTables.js 实现: @1:复杂表头固定(向下滚动时表头固定,向右滚动时表头跟随数据列) @2:复杂表头列点击事件(如:列的升降序) @3:左侧列固定

2,案例 需要引入superTables.js和superTables.css html

js

3,补充

@1:表头样式调 th @2:表头点击事件,需要找到覆盖在上面的标签,浏览器看不出来 需要在 superTables.css 中 对比 .sHeader、.sHeaderInner、.sFHeader 会发现最外层显示的是 .sHeaderInner 对应的标签 @3:列宽处理,数据有几列,对应设值即可: colWidths : [100, 230, 220, -1, 120, -1, -1, 120], // 列宽设置,-1为自动匹配列宽 @4:实际案例效果图