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

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

 19048  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浏览器。

相关插件-图表,滚动

JS饼状图效果

基于highcharts.js实现的饼状图效果,报表
  图表
 50422  373

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

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

Table表单数据处理插件DataTables

table表单数据处理,可以对数据进行排序,筛选,查找
  图表
 66631  439

jquery甘特图实例

JQUERY甘特图实例
  图表
 55965  344

讨论这个项目(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吗 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复