投稿 搜索

热门文章

当前位置: 站长天下 / 界面UI滚动 / 基于jquery实现固定列行显示插件
基于jquery实现固定列行显示插件
标签:

插件介绍

    一个关于固定表行或列的jQuery工具库,固定显示几列,点击按钮切换列或者行。

    浏览器兼容性

    浏览器兼容性
    时间:2018-06-04
    阅读:

基于jquery实现固定列行显示插件

简要教程

一个关于固定表行或列的jQuery工具库,固定显示几列,点击按钮切换列或者行。

0ption属性介绍

var options2 = {
           showFunc:function(ele){//元素显示函数,会被下面的覆盖掉
               ele.fadeIn();
           },
           hideFunc:function(ele){//元素隐藏函数,会被下面的覆盖掉
               ele.fadeOut();
           },
           column: {//列属性
               leftFix: 2,//左侧固定的列数
               showNum: 3,//要显示的列数
               rightFix: 2,//右侧固定的列数
               showFunc: function (ele) {
                   ele.fadeIn();
               },
               hideFunc: function (ele) {
                   ele.fadeOut();
               }
           },
           line: {//行属性
               topFix: 1,//顶部固定的行
               showNum: 5,//要显示的行
               bottomFix: 0,//底部固定的行
               showFunc: function (ele) {
                   ele.fadeIn();
               },
               hideFunc: function (ele) {
                   ele.fadeOut();
               }
           }
       }
$('#example').tableFix(options2);