layui合并单元格(此方式适用于没有列冻结的单元格合并)

     /*** name layui合并tbody中单元格的方法* @param fieldName  要合并列的field属性值往后面加可以传多个属性名称* @param index 表格的索引值 从1开始*/function layuiRowspan(fieldName, index, fieldName2) {// 左侧列为冻结的情况//  var tbodyNode = document.getElementsByClassName("layui-table-fixed-l")[index-1];// 左侧导航栏不冻结的情况var tbodyNode = document.getElementsByClassName("layui-table-body")[index - 1];var child = tbodyNode.getElementsByTagName("td");var childFilterArr = [];var childFilterArr2 = [];// 获取data-field属性为fieldName的tdfor (var i = 0; i < child.length; i++) {if (child[i].getAttribute("data-field") === fieldName) {childFilterArr.push(child[i]);}if (child[i].getAttribute("data-field") === fieldName2) {childFilterArr2.push(child[i]);}}// 获取td的个数和种类var childFilterTextObj = {};for (var i = 0; i < childFilterArr.length; i++) {var childText = childFilterArr[i].textContent;if (childFilterTextObj[childText] == undefined) {childFilterTextObj[childText] = 1;} else {var num = childFilterTextObj[childText];childFilterTextObj[childText] = num * 1 + 1;}}// 给获取到的td设置合并单元格属性for (var key in childFilterTextObj) {var tdNum = childFilterTextObj[key];var canRowspan = true;for (var i = 0; i < childFilterArr.length; i++) {if (childFilterArr[i].textContent == key) {if (canRowspan) {childFilterArr[i].setAttribute("rowspan", tdNum);childFilterArr2[i].setAttribute("rowspan", tdNum);canRowspan = false;} else {childFilterArr[i].style.display = "none";childFilterArr2[i].style.display = "none";}}}}}//在layui表格//展示已知数据table.render({elem: '#AuthBindingTable', height: "full-250", cols: columns, data: data, page: true//是否显示分页, limit: 40, toolbar: 'true', limits: [40, 50, 60, 70], done: function (res, curr, count) {//就行回调处理合并单元格layuiRowspan("odCode", 1, "name");}});

layui合并单元格(此方式适用于没有列冻结的单元格合并)相关推荐

【MySQL】MySQL如何合并多行数据，行转列，group_concat 多行合并
一个聚合函数,在group语句中使用,可以将多行的字符串按分组整合成一个字符串,注意:使用 GROUP_CONCAT()函数必须对源数据进行分组,否则所有数据会被合并成一行例子: SELECT id ...
asp.net gridview删除获取到第一行第一列的单元格内容_VBA中的常用单元格引用方式...
VBA编程经常和"对象"打交道,其中最频繁的对象大概就是"单元格"了.(听说您还没有对象?那--我想你大概需要一份Excel,包邮988--) 今天我们就来聊一 ...
设置单元格填充方式_单元格的选择及设置单元格格式
数据输入完毕,接下来可以设置字体.对齐方式.添加边框和底纹等方式设置单元格格式,从而美化工作表.要对单元格进行设置,首先要选中单元格. 选择单元格选择单元格是指在工作表中确定活动单元格以便在单元格中 ...
php excel 右对齐,excel中单元格对齐方式在哪里设置？
excel单元格对齐方式可以在"设置单元格格式"框的"文本对齐方式"中设置.设置方法:1.选中要设置的单元格或单元格区域:2.鼠标点击右键,点击"设置 ...
easyexcel导出excel自定义合并单元格【动态表头和动态数据均可以自由合并】
网上合并单元格的博客还是很多的,大家自行舍取吧.本文主要讲解固定与不固定的表头和内容如何合并参考官网 https://easyexcel.opensource.alibaba.com/docs/cu ...
java设置excel单元格文本右对齐,POI操作Excel--设置单元格对齐方式--day03
设置单元格的对齐方式 1.注意: 1.如果每个单元格(cell)的样式都不一样,必须每个单元格都创建一个CellStyle,否则不生效: 2.day03关闭流的方式, 采用了JDK 7的try(),, ...
html合并单元格怎么把字竖着,电脑excel单元格中文字如何在合并单元格后竖排显示...
电脑excel单元格中文字如何在合并单元格后竖排显示 excel软件是我们现在经常使用的数据处理工具之一,接下来小编就教大家怎样在软件中设置合并单元格之后竖排显示文字. 具体如下: 1. 首先我们需要 ...
EasyExcel对列同类项进行单元格合并
EasyExcel对列同类项进行单元格合并 <dependency><groupId>com.alibaba</groupId><artifactId> ...
python3-xlwt-Excel设置表格基础(字体颜色背景颜色设置边框边框颜色冻结窗口字体大小字体高度字体加粗下划线斜体字单元格对齐方式自动换行删除线超链接插入公式)
文章目录引入xlwt和创建workboos对象初始化样式和创建设置字体,赋值给style 保存文件自定义样式字体颜色背景颜色设置边框边框颜色冻结窗口字体大小字体高度字体加粗下划 ...
JAVA poi合并任意列相同数据单元格
以下为poi合并单元格所需要jar如下 commons-collections poi java 1.8 版本以下为代码 import java.io.FileNotFoundException; ...

layui合并单元格(此方式适用于没有列冻结的单元格合并)

layui合并单元格(此方式适用于没有列冻结的单元格合并)

layui合并单元格(此方式适用于没有列冻结的单元格合并)相关推荐

最新文章

热门文章