zoukankan      html  css  js  c++  java
  • ligerUI的列头合并代码片段

    //列头合并
        function onAfterShowData(data){//显示数据前触发此事件
        console.log(123);
            var k = 0;
            var tr = $('.l-grid-body.l-grid-body1').find('table tr');//找到被冻结的列(frozen),利用find方法找到所有的行
            $.each($(tr),function(i,v){//遍历所有的行
                $(v).find('td').eq(0).hide();//隐藏每一行的第一个个列的(为了防止错位)
            });
            $(tr).eq(k).find('td').eq(0).attr('rowspan',3).show();//使第一行占三行,并显示
            var len = $(tr).length;
            for(var i=0;i<1;i--){      //这里就是找到相应的规律进行自定义表头的合并
                k = k+3;
                if(k<len){
                    $(tr).eq(k).find('td').eq(0).attr('rowspan',5).show();
                }else{
                    break;
                }
                k = k+5;
                if(k<len){
                    $(tr).eq(k).find('td').eq(0).attr('rowspan',3).show();
                }else{
                    break;
                }
                k = k+3;
                if(k<len){
                    $(tr).eq(k).find('td').eq(0).attr('rowspan',3).show();
                }else{
                    break;
                }
            }
        }

  • 相关阅读:
    vue2.0实践的一些细节
    数据库之一
    angularJS实用的开发技巧
    移动端开发的一些技巧总结(2)
    vue入门学习(基础篇)
    JS继承之原型继承
    css3动画
    使用 xlsx 前端解析 excel 文件
    webpack4 打包 library 遇到的坑
    roc-charts 开发笔记:JS广度优先查找无向无权图两点间最短路径
  • 原文地址:https://www.cnblogs.com/xplj2013/p/7365533.html
Copyright © 2011-2022 走看看