js控制表格单元列合并
2018-01-08 17:42
316 查看
/** * @ function:合并指定表格列(表格id为table_id)指定列(列数为table_colnum)的相同文本的相邻单元格 * @ param:table_id 为需要进行合并单元格的表格的id。如在HTMl中指定表格 id="data" ,此参数应为 #data * @ param:table_colnum 为需要合并单元格的所在列。为数字,从最左边第一列为1开始算起。 */ function table_rowspan(table_id, table_colnum) { table_firsttd = ""; table_currenttd = ""; table_SpanNum = 0; table_Obj = $("#"+table_id + " tr td:nth-child(" + table_colnum + ")"); table_Obj.each(function (i) { if (i == ConstText.HTML_MSG_NUM_ZERO()) { table_firsttd = $(this); table_SpanNum = 1; } else { table_currenttd = $(this); if (table_firsttd.text() == table_currenttd.text()) { //这边注意不是val()属性,而是text()属性 //td内容为空的不合并 if(table_firsttd.text() !=""){ table_SpanNum++; table_currenttd.hide(); //remove(); table_firsttd.attr("rowSpan", table_SpanNum); } } else { table_firsttd = $(this); table_SpanNum = 1; } } }); };
相关文章推荐
- js 动态合并表格单元格
- js 合并表格单元格
- 用JS控制表格的交替颜色
- JS控制网页动态生成任意行列数表格的方法
- javascript js 删除表格的行、单元列
- JS控制表格某行隐藏或显示后页面布局错乱
- JS控制页面表格内数据,按照条件排序
- js实现表格table相同列合并
- js控制在不同表格中切换,兼容IE与火狐
- js合并表格
- JS合并表格的列
- 用JS控制表格的逐行变色的表单
- JS获取表格单元格
- js遍历表格做合并处理
- JS 合并表格列
- 通过js合并表格重复出现的数据
- 精确控制表格单元格中的控件
- vue.js实现表格合并示例代码
- JS控制TABLE表格在任意一行下面添加一行(有待完善)
- 利用js来通过复选框控制表格的长宽