使用jQuery操作表完成单元格合并示例
比较表格的内容。确定是否合并单元格:
tr=$('#printPage tr ')。长度;//获取当前表中tr的个数。var标记=0;//待合并单元格数var index=0;//起始行数/* *要合并单元格,需要存储两个参数:* 1、要合并的第一行单元格的行数,* 2。要合并的单元格数* */console . log(tr);//判断是否只有一行数据,不要调整if(tr=2){}else{//var i=1将当前tr与之前的tr值进行比较(var I=0;i trI){ var Ford=$(' # print page tr : gt(0): eq(' I ')TD : eq(0)')。text();//根据下标//tr:gt(0)获取单元格值从下标0//tr : gt(0): eq(I): I标识当前行的下标,从0//td3360eq (0)开始当前行的第一个单元格。下标从0开始,后面的var=$(' # print page tr : gt(0): eq('(par sent(I)1)')TD : eq(0)')。text();if(Ford==before){ $(' # print page tr : gt(0): eq('(ParSeint(I)1)')TD : eq(0)')。hide();标记=标记1;}else if(福特!=后面){//如果值不匹配,遍历不同的分类,隐藏旧的分类索引=I-mark;$(' # print page tr : gt(0): eq(' index ')TD : eq(0)')。attr('rowspan ',标记1);//1操作标识符,将当前行添加到hide //rowspan列中进行交叉,colspan行后面的参数为cross//表示跨越的单元格数。//合并单元格意味着隐藏或移除其他单元格。//将单元格的rowspan或colsspan增加标记=0;$(' # print page tr : gt(0): eq('(ParSeint(I))')TD : eq(0)')。hide();}}}最终效果:
上面用jQuery操作表合并单元格的例子,就是边肖和大家分享的全部内容。希望能给大家一个参考,支持我们。
版权声明:使用jQuery操作表完成单元格合并示例是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。