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

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

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

相关插件-图表,滚动

抖音业绩销量动态排行,加载数据实现动态排名

git上的部分项目改造,根据自己的需求可以自行进行修改。一般用于大屏演示和数据展示
  图表
 14037  137

图标控件 Flotr2-master

多种图表设计,灵活简单,附带可运行实例。
  图表
 53105  495

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

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

KCharts-基于Kissy的图表组件集

KCharts,kissy,raphael,基于Kissy的图表,数据可视化,js图表组件,KCharts是基于kissy的数据可视化组件,包含折线图、柱状图、饼图、散点图等图表,定制方便,快速上手
  图表
 43706  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吗 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复