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

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

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

相关插件-图表,滚动

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

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

Table表单数据处理插件DataTables

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

jQuery表格奇偶行样式插件tableUi.js

表格样式包括默认样式、滑入滑出样式自定义,简单实用。
  图表
 29819  302

动态实时折线图

根据时间和数据而动态的折线图
  图表
 76433  513

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