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

作者：袖梨 2022-06-25

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

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