<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<style>
table{
border-style: solid;
border-width:medium;
border-color:black;
}
td{
border-bottom-style:dotted;
border-bottom-width:medium;
border-bottom-color:black;
border-right-style:dotted;
border-right-width:medium;
border-right-color:black;
}
</style>
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bordercolor="#0033CC">
<tr>
<td>111</td>
<td><lable></label></td>
<td rowspan="4"></td>
<td rowspan="2"></td>
<td></td>
<td></td>
</tr>
<tr>
<td rowspan="3">a</td>
<td></td>
<td rowspan="2"></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
<script >
$(document).ready(function(){
var trCount=$("table tr").size();
var i=0;
$("table tr").each(function(){
$(this).find("td").each(function(){
var rowspan=$(this).attr("rowspan");
if((rowspan>1 && (rowspan+i)==trCount)||((i+1)==trCount)){
//$(this).css("background","red");
$(this).css("borderBottom","0");
//$(this).css({ "margin-left": "10px", "background-color": "blue" });
}
});
i++;
});
$("table tr").find("td:last").each(function(){
$(this).css("borderRight","0");
});
$("table td").each(function(){
var t=$(this).html();
//if(t.length==0){
$(this).append("xx ");
$(this).prepend(" oo");
//}
//alert(t);
});
});
</script>
分享到：
相关推荐
对table表格进行操作，两行根据点击添加 删除按钮 进行单元格的删除 添加 合并单元格。
日常开发中，经常遇到表格里需要自动合并单元格，考虑到写服务器控件比较消耗性能，因些还是把这种工作交给客户端Javascript去做吧，基于习惯用jquery框架，所以封装了一个Jquery插件。
jquery table rowspan 表格单元格合并,设置相同属性表格合并
table数据相同时合并单元格，原理：逐行进行比较，相同时隐藏第二行，对第一行添加rowspan 【table数据相同时合并单元格，原理：逐行进行比较，相同时隐藏第二行，对第一行添加rowspan】
jquery.table.rowspan.js
动态的给某个表对象添加列属性和行属性，采用obj.setAttribute("rowspan",n)(即rowspan=n)不能生效。
现实中会遇到很多需求，合并列，例如要显示一个名学生的各门课程成绩。 html实现 使用html实现是比较简单的，利用table标签的rowspan属性即可，代码如下： <table> 姓名 课程数 课程名称 成绩 ...
本文实例讲述了微信小程序实现的绘制table表格功能。分享给大家供大家参考，具体如下： 表格的绘制 js Page({ data:{ infeed:[', 1周, 2周, 3周, 总计], endwise1: 游泳, tb1:0, tb2:0, tb3:0, tb4:0, endwise2: ...
table表格，让thead固定，tbody有滚动条， 关键是都对齐的纯css写法关键是都对齐的纯css写法
复杂表格一般是用到td的两个属性：rowspan 、colspan属性值。 在html中<td> 标签定义 HTML 表格中的标准单元格。 (1)rowspan 属性规定单元格可横跨的行数; (2)colspan 属性规定单元格可横跨的列数。 <...
通过jquery还原含有rowspan、colspan的table的实现方法，学习jquery的朋友可以参考下
一个简单的自动合并相同值单元格的例子，简单易懂
NULL 博文链接：https://romyli.iteye.com/blog/774163
tableString += ' rowspan="' + frozenColumns[index][i].rowspan + '"'; } if (typeof frozenColumns[index][i].colspan != 'undefined' && frozenColumns[index][i].colspan > 1) { tableString += ' colspan=...
layui中， 合并数据表格行，layuiRowspan方法中参数一位需要合并的数据field。
类功能描述：该插件生成一个具有行合并的列表数据，合并例由开发者指定。 开发者提供已排序的数据列表以及需要合并行的列名即可，无需后端二次处理数据。 该类以纯原生JS编写，无需引入任何第三方库。 调用方法：...
项目中遇到这样的需求，一大段文章正文的html代码在手机中显示不全，原因是由于其它有table，而table表格中的tr/td都携带了从word中粘贴过来的样式，需要将这一大段的字符串中的table、tr、td中携带的样式清除掉，...