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

所属分类:UI-图表,滚动

 18516  167  查看评论 (3)
分享到微信朋友圈
X
支持表头、列冻结表格(原创) ie兼容12

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

一、使用方法

1、初始化方法:

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

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

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

2、销毁方法:

table.destory();

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

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

table.adjustTableSize();

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

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

二、注意事项

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

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

相关插件-图表,滚动

jQuery表头固定

基于superTables做的改造,可以完美锁定表头和列,已经用于实际项目,还有很多改造的空间
  图表
 42334  456

AmChart使用例子

AmChart统计图插件使用例子
  图表
 35540  397

echarts力引导图关联关系图(适用于ie8)

适用于ie8的力引导图,是属于ets2.0的版本,在ie8上正常使用,简单易修改,需要传如两个数组即对象和数组
  图表
 19516  235

layui的复杂表头及数据处理总结(原创)

在layui的官网有些东西是查不到的,这给我 们造成很多的误解,在网上也找不到成套的实例用法。在这里总结了layui框架的复杂表头的拼接及数据的展示,希望给大家的开发,带来些实用的方便。
  图表
 26483  185

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    |.逍遥ギ¤沉默∮ 0
    2023/2/20 18:03:39
    表头太复杂,插件用不了 回复
    梦已成鞋 0
    2021/4/25 11:43:49
    羊? 0
    2020/10/27 7:57:03
    可以从excle导出到html吗 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复