layui table添加分割线

小咪咪 2023-02-16 14:28 6阅读 0赞

layui table添加分割线

layui.use('table', function(){
    		var table = layui.table;
    		var group = {};
    		group.groupName = $("#groupName").val();
    		table.render({
    			done: function(res, curr, count){
    				var tableView = this.elem.next();
    				//设置分割线
                    var dataKeyList = [];
                    var parentKeyList = [];
                    var getChildrenKey = function(key){
                    	var keyListTemp = tableView.find(".layui-table-box>.layui-table-header").find("th[data-parentkey='"+key+"']");
                    	var keyList = tableView.find(".layui-table-box>.layui-table-header").find("th[data-parentkey='"+key+"']").last();
                    	if(keyList && keyList.length>0){
                    		for(var i=0; i<keyList.length; i++){
                    			var dataKey = keyList[i].getAttribute("data-key");
                    			dataKeyList.push(dataKey);
                    			var parentKey = dataKey.substring(dataKey.indexOf("-")+1);
                    			getChildrenKey(parentKey);
                    		}
                    	}
                    }
                    var thList = tableView.find(".layui-table-box>.layui-table-header thead tr").first().find("th");
                    for(var i=0; i<thList.length; i++){
                    	var dataKey = thList[i].getAttribute("data-key");
                    	dataKeyList.push(dataKey);
                    	var parentKey = dataKey.substring(dataKey.indexOf("-")+1);
                    	getChildrenKey(parentKey);
                    }
                    for(var i=0; i<dataKeyList.length; i++){
                    	tableView.find("[data-key='"+dataKeyList[i]+"']").css("border-right","solid 1px #333333");
                    }
    			}
    		});
    	});