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

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

 17705  166  查看评论 (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做的改造,可以完美锁定表头和列,已经用于实际项目,还有很多改造的空间
  图表
 41543  456

基于echarts双y轴折线图柱状图混合实时更新图

Ets双y轴折线图柱状图混合实时更新图,流畅不卡顿
  图表
 40180  319

动态数据表格插件ZBTable(原创)

能够根据后台传来的JSON数据动态创建的基本功能的JQuery表格插件
  图表
 29412  299

KCharts-基于Kissy的图表组件集

KCharts,kissy,raphael,基于Kissy的图表,数据可视化,js图表组件,KCharts是基于kissy的数据可视化组件,包含折线图、柱状图、饼图、散点图等图表,定制方便,快速上手
  图表
 44171  345

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