html5表格两列合并_html中的table标签中如何将⼏个td合在⼀
起的
table设置内边框展开全部
1、为table表格设置边框合并
table{
border-collapse:collapse;
border-spacing:0;
}
2、隔⾏变⾊和添加内边32313133353236313431303231363533e78988e69d8331333431353963框
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、单独设置每⼀列的样式
$(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"});
}
});
});
扩展资料：
html table td中放图⽚注意事项
例⼦，下⾯td中存放了⼀个img，td的⾼度很⼩，也就是7，img后如果紧跟，就正常显⽰，如果换⾏，就会将td撑开，不正常显⽰Java代码

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。