一聚教程网:一个值得你收藏的教程网站

热门教程

html table如何实现复杂表头 html table实现复杂表头代码示例

时间:2022-06-25 17:55:36 编辑:袖梨 来源:一聚教程网

html table如何实现复杂表头?本篇文章小编给大家分享一下html table实现复杂表头代码示例,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。

使用html做复杂的表格。复杂表格一般是用到td的两个属性:rowspan 、colspan属性值。

在html中 标签定义 HTML 表格中的标准单元格。

(1)rowspan 属性规定单元格可横跨的行数;

(2)colspan 属性规定单元格可横跨的列数。

   
   
       
    多表头表格   
   
   
序号 监测位置 供电通路 供电电压 负载电流 雷击次数 最近一次雷击时间 后备保护空开状态 SPD损害数量 输出空开状态
B级 C级 1路 2路
1
1 78 96 67 98 88 75 94 69 23 33
提示建议 智能防雷箱状态 防雷箱型号 防雷箱序列号 防雷箱版本
建议整机按规程检测 在线 2018041201-035PF 2018041201-256 V1.0.0

效果图:

HTML Table设置无边框、无分割线

无边框

frame属性指定了对于边框显示的规则,其中可以选择的设置有如下几项:

void 设置无边框;

above 只显示上边框;

below 只显示下边框;

vsides 只显示左右边框;

hsides 只显示上下边框;

lhs 只显示左边框;

rhs 只显示右边框。

无分割线

rules属性指定了对于分割线显示的规则,”none”表示完全无分割线,另外可以设置”rows”、”cols”,仅从字面意思上看很容易造成误导,这里要注意:rows表明行间无分割线,也就是同一行中的数据没有分割线分割;cols表明列间无分割线,也就是同一列中的数据没有分割线分割。

热门栏目