HTML的Table标签是怎么合并单元格的？

Question

如图所示，求示例代码，就是图中画圈的部分

Answer 1

我只写必要的部分，其他的条条框框自己去补充吧
<table border=1>
<tr><td>萨达萨达</td><td>dsfsdfs</td></tr>
<tr><td colspan="2">dsfdsf</td></tr>
</table>
重点是那个colspan
以及楼下那个什么知道合伙人回答的是什么东西，就这还被推荐了？建议题主取消推荐。本回答被提问者采纳

Answer 2

合并两列 使用colspan=2

Answer 3

1、为table表格设置边框合并
table{
border-collapse:collapse;
border-spacing:0;
}
2、隔行变色和添加内边框
function addColor() {
var tbodyTrList = $(".table tbody tr");
var tdList = $(".table td");
for (var i = 0; i < tbodyTrList.length; i++) {
if (i % 2 == 0) {
tbodyTrList[i].className = "color";//隔行变色
}
}
for (var j = 0; j < tdList.length; j++) {
if (j % 6 != 0) {
$(tdList[j]).addClass("border-left");//除第一列以外添加左边框
}
}
}
addColor();
3、单独设置每一列的样式
<script>
$(document).ready(function () {
var obj;
$("tbody tr").each(function () {
$(this).find("td:nth-child(2)").
first().css({"width":"360px"});//设置第二列宽度
obj = $(this).find("td:nth-child(3)");//设置第三列
if($(obj).html()!="0"){//值不是0的加粗
$(obj).css({"font-weight":"bold"});
}
});
});
</script>