table标签表格宽高失效以及前端知识回顾

http://www.w3school.com.cn/jsref/prop_style_tablelayout.asp
重点内容
table细边框，表格不被撑开，td某些列宽度固定某些列自适应
1，实现table细边框,设置如下css：
table,table td,table th{border:1px solid #ff0000;border-collapse:collapse;}

2，table表格宽度固定，同时td内容过长也不会被撑开，设置如下css：
table{table-layout:fixed;word-break:break-all;}

3，table-layout
automatic 默认。列宽度由单元格内容设定。
fixed 列宽由表格宽度和列宽度设定。
没有指定时，宽度平均分
4，border-spacing该属性指定分隔边框模型中单元格边界之间的距离。在指定的两个长度值中，第一个是水平间隔，第二个是垂直间隔。除非 border-collapse 被设置为 separate，否则将忽略这个属性。尽管这个属性只应用于表，不过它可以由表中的所有元素继承。
table{
border-collapse:separate;
border-spacing:10px 50px;
}
5.
$(“#tab tbody tr”).each(function(index,content){
//表格值为”underfined”时替换值为”空数据”
if(content.cells[2].innerHTML==”undefined”){
content.cells[2].innerHTML=”空数据“;
}
if(content.cells[2].innerText.match(“^http([s]?):”)){
//将http开头的数据用 a 标签包裹
//content.cells[2].innerHTML=”“+content.cells[2].innerHTML+”“;
//删除以http开头的数据（暂时不显示，后期删除即可）
console.log($(content).remove());
}
});