首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >cssjshtml 单元格合并

cssjshtml 单元格合并

作者头像
葫芦
发布于 2019-04-17 06:39:23
发布于 2019-04-17 06:39:23
1.5K00
代码可运行
举报
文章被收录于专栏:葫芦葫芦
运行总次数:0
代码可运行
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
      function MergeCell(tableId, startRow, endRow, col) {
        var tb = document.getElementById(tableId);
        if (col >= tb.rows[0].cells.length) {
            return;
        }
        //当检查第0列时检查所有行
        if (col == 0) {
            endRow = tb.rows.length - 1;
        }
        for (var i = startRow; i < endRow; i++) {
            //subCol:已经合并了多少列
            var subCol = tb.rows[0].cells.length - tb.rows[startRow].cells.length;
            //程序是自左向右合并,所以下一行一直取第0列
            if (tb.rows[startRow].cells[col - subCol].innerHTML == tb.rows[i + 1].cells[0].innerHTML) {
                //如果相同则删除下一行的第0列单元格
                tb.rows[i + 1].removeChild(tb.rows[i + 1].cells[0]);
                //更新rowSpan属性
                tb.rows[startRow].cells[col - subCol].rowSpan = (tb.rows[startRow].cells[col - subCol].rowSpan | 0) + 1;
                //当循环到终止行前一行并且起始行和终止行不相同时递归(因为上面的代码已经检查了i+1行,所以此处只到endRow-1)
                if (i == endRow - 1 && startRow != endRow) {
                    MergeCell(tableId, startRow, endRow, col + 1);
                }
            } else {
                //起始行,终止行不变,检查下一列
                MergeCell(tableId, startRow, i, col + 1);
                //增加起始行
                startRow = i + 1;
            }
        }
    }
    MergeCell('recordtable', 0, 0, 0);
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018/09/13 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
POI判断某个单元格是否是合并单元格
注:比如我们的数据是上面N个单元组成,且每个单元所占行数可能不同。第一列占据一列,中间数据每个占用一个单元格,最后一列与第一列占用相同的行数,这时我们需要获取起始单元格占用几行(起始行--结束行),获取到这些数据后我们就能读取中间单元格数据(这些数据可以作为上面单元的一个属性),下面给出具体代码:
johnhuster的分享
2022/03/28
3.5K0
POI判断某个单元格是否是合并单元格
C# 实现完善 Excel 不规则合并单元格数据导入
在我的文章 《C#实现Excel合并单元格数据导入数据集》里讲述了可以将具有合并单元格的Excel文件数据导入到DataSet里,在实际使用情况中遇到如下情况,如下图:
初九之潜龙勿用
2025/02/20
4330
C# 实现完善 Excel 不规则合并单元格数据导入
html页面表格导出到excel总结
Jianbo
2018/01/08
4K0
突出显示单元格文本中含有词库的内容
下面的代码将突出显示在单元格文本字符串中用户定义的文本字符串,对其设置颜色并加粗。
fanjy
2024/01/23
6190
突出显示单元格文本中含有词库的内容
JavaScript创建的可编辑表格
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css"> .divClass{height:250px;width:100%;overflow:auto;} td{height:22px;border-bottom:1px solid black;border-right:1px solid black;cursor:default;} th{height:20px;font-size:12px;font-weight:normal;border-bottom:2px solid black;border-right:1px solid black;background-color:#999999} table{border-top:1px solid black;border-left:1px solid black;font-size:13px;} input{border:1px solid black;} .TrOdd{font-family: "宋体";font-size: 12px;background-color: #FFFFFF;} .TrEven{font-family: "宋体";font-size: 12px;background-color: #CCCCCC;} </style> <script language="javascript"> /*****************************可以把下面这部分代码提到一个js文件中***************************/ /*********************************** powerTableEdit.js *********************************/ /****************************************************************************************  * created by yzh 2001.5.12  * 请大家引用时保留这段作者声明,此代码为开源代码;使用不受限制,欢迎大家采用本人所写JS动态拖动表格实现代码。  * JavaScript创建的可编辑表格  * 用法:  *    1,首先创建表格对象: var pt = new PowerTableEdit("table1");  *                          其中,"table1"为表格的id  *                           *    2,设置表格的编辑方式,调用pt对象的setCol方法,此方法有三个参数:  *     *                          setCol(colNum,colSty,sDa)  *                           *                          > colNum:为准备编辑的列编号,第一列编号为0  *                          > colSty:为准备编辑的方式,txt为文本编辑方式,sel为下拉编辑方式  *                          > sDa:如果选择的编辑方式为下拉编辑方式,则此参数有效,代表下拉框中的预置数据,是数组类型  *                   *    3, 在按钮中调用相应的方法(注意:上移行和下移行按钮的id必须为moveUp和moveDown):如:  *  *      <!--增加行-->  *      <input onclick=add_row(mainTab) type=button value=ins_row>  *      <!--删除行-->  *      <input onclick=del_row(mainTab) type=button value=Del_row>  *      <!--重置表格-->  *      <input onclick=res_tab() type=button value=Restore>  *       *      <!--上移行-->  *      <input id=moveUp onclick=Move_up(mainTab) type=button value=Up>  *      <!--下移行-->        *      <input id=moveDown onclick=Move_down(mainTab) type=button value=Down
jack.yang
2025/04/05
2120
vb.net ExcelHelper类(一)
''' 暂时不提供操作Excel对象样式方法,样式可以在Excel模板中设置好
办公魔盒
2019/07/22
1.5K0
Javascript导出Excel的方法
<input type="button" onclick="javascript:method1('tableExcel');" value="第一种方法导入到EXCEL"> <input type="button" onclick="javascript:method2('tableExcel');" value="第二种方法导入到EXCEL"> <input type="button" onclick="javascript:getXlsFromTbl('tableExcel',null);" value="第三种方法导入到EXCEL">
Java架构师必看
2021/03/22
6850
bootstrap 合并单元格之mergeCells属性合并
合并单元格有多种实现方式 本文是根据bootstrap 自带的mergeCells属性实现的单元格合并,
全栈程序员站长
2022/08/03
2.9K0
bootstrap 合并单元格之mergeCells属性合并
JavaScript---网络编程(9-1)--DHTML技术演示(2-1)-表格创建的几种方式
一:用最底层的方式,该方式用来创建别的对象树也可以 代码演示: <html> <head> <title>DHTML技术演示---表格创建--用最底层的方式,其实该方式用来创建别的对象树也可以</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <style type="text/css"> table{ border:#ff80ff;
谙忆
2021/01/21
7980
JavaScript---网络编程(9-1)--DHTML技术演示(2-1)-表格创建的几种方式
C#实现Excel合并单元格数据导入数据集
将Excel里的worksheet表格导入到DataSet里,是项目应用里常用的一种操作。一般情况下,worksheet是一个标准的二维数组,如下图:
初九之潜龙勿用
2024/06/20
4810
C#实现Excel合并单元格数据导入数据集
vue-mergeable-table 动态生成的可合并行列的表格
项目地址 可以根据数据动态生成可合并行列的表格。 文档 数据选项 options: { cols: 6, // 要生成的表格列数 rows: 7, // 要生成的表格行数 这个表是 7
谭光志
2020/09/28
2.3K0
C# Web控件与数据感应之 填充 HtmlTable
数据感应也即数据捆绑,是一种动态的,Web控件与数据源之间的交互,HtmlTable 控件表示为一个服务器控件,隶属于 System.Web.UI.HtmlControls 集合,对于客户端输出即 table 标签元素,table 表格的主要作用就是数据输出 ,本文将介绍 C# 实现操作 HtmlTable 服务器控件实现数据集表数据的轻量化输出与显示。
初九之潜龙勿用
2024/06/20
2400
C# Web控件与数据感应之 填充 HtmlTable
element 嵌套数据合并单元格两种处理方法
通过table传入span-method方法可以实现合并行或列,方法的参数是一个对象,里面是{row, column, rowIndex, columnIndex} 四个属性,该函数返回包含两个元素的数组,第一个代表rowspan,第二个代表colspan。也可以返回一个键名为rowspan 和 colspan的对象
tianyawhl
2020/06/28
4.7K2
javascript简介_javascript对象
JavaScript中ActiveXObject对象是启用并返回 Automation 对象的引用。使用方法:
全栈程序员站长
2022/11/04
2.2K0
【算法】奇数值单元格的数目
输入:m = 2, n = 3, indices = [[0,1],[1,1]] 输出:6 解释:最开始的矩阵是 [[0,0,0],[0,0,0]]。 第一次增量操作后得到 [[1,2,1],[0,1,0]]。 最后的矩阵是 [[1,3,1],[1,3,1]],里面有 6 个奇数。
lomtom
2022/11/11
3610
【算法】奇数值单元格的数目
C# 快速将数据写入 Excel 单元格
将生成或查询到的数据,导出到 Excel 是应用中常用的一项功能。其中一些标准的写入单元格的方法如下:
初九之潜龙勿用
2024/06/20
3130
C# 快速将数据写入 Excel 单元格
功能这么全的excel导出,你确定不需要?
“导出一个 Excel 文件难吗?可能你已经使用了许多第三方工具来实现这个功能,但今天我要向你介绍 Apache POI。它不仅仅是导出 Excel,它还能让你精确控制每一个单元格的格式、数据类型和样式。想象一下,几行代码就能生成一个定制化的表格!接下来,让我们一起来看看这个工具有多么强大。”
一只牛博
2025/05/31
1820
java读取excel文件单元格英文出现乱码问题的解决方法
小编今天测试读取excel文件,并且取其中的几个单元格作为文件名称的时候,发现文件名出现了乱码,毫无疑问,肯定就是读取excel的时候,取出来就出现了乱码,如图所示
小小鱼儿小小林
2020/06/24
1.7K0
java读取excel文件单元格英文出现乱码问题的解决方法
C#实例:datagridview单元格合并
这是替C#微信交流群群友做的一个小实例,目的就是在datagridview选择对应行以后,点击button后获取对应行的ip,并执行相应的操作,其实我觉得这样的话button没必要非放置到datagridview里面的!但是为了满足群友的需求,还是这么做了。
zls365
2020/08/19
5.4K0
C#实例:datagridview单元格合并
vb.net ExcelHelper类(二)
''' <param name="sheetIndex">工作表索引</param>
办公魔盒
2019/07/22
1.4K0
推荐阅读
相关推荐
POI判断某个单元格是否是合并单元格
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验