使用html5实现表格实现标题合并的实例代码

admin html5 2022-02-06 00:42:17 html5 表格标题合并"

这样的需求不在少数，比如表格中相邻的列具有相同的内容，那么标题就完全可以使用一个，那么合并标题就是十分重要的，让用户感觉也会更加人性化，代码实例如下:






web前端学习扣qun：731771211  每日分享技术，学术交流




  
    序号
    王五
    李四
    孙传
    胡平
    合计
  
  
    语文
    数学
    语文
    数学
    语文
    数学
    语文
    数学
  
  
    1
    78
    96
    67
    98
    88
    75
    94
    69
     
  
  
    2
    89
    68
    77
    87
    84
    76
    71
    87
     
  
  
    3
    75
    78
    89
    74
    65
    68
    98
    90
    
  
  
    4
    79
    89
    65
    62
    64
    87
    97
    91
    
  
  
    5
    89
    96
    67
    76
    74
    84
    67
    81
    
  
  
    6
    94
    90
    97
    74
    62
    81
    78
    78
    
  
  
    7
    78
    89
    77
    87
    45
    86
    77
    98
    
  
  
    8
    65
    67
    94
    68
    87
    69
    78
    68
    
  
  
    9
    86
    98
    87
    87
    65
    78
    98
    79
    
  
  
    10
    88
    75
    77
    97
    97
    77
    70
    87

序号	王五	李四	孙传	胡平	合计
语文	数学	语文	数学	语文	数学	语文	数学
1	78	96	67	98	88	75	94	69
2	89	68	77	87	84	76	71	87
3	75	78	89	74	65	68	98	90
4	79	89	65	62	64	87	97	91
5	89	96	67	76	74	84	67	81
6	94	90	97	74	62	81	78	78
7	78	89	77	87	45	86	77	98
8	65	67	94	68	87	69	78	68
9	86	98	87	87	65	78	98	79
10	88	75	77	97	97	77	70	87