它表明该表是使用本机标签标记编写的。由于表头需要特殊处理,所以写成两张表拼装的方式,表头也是单独的一张表。标签写的。发现在Safari浏览器(包括移动端和PC端)中,表格表头是平分的,宽度不是代码中设置的宽度,但是表格主体部分没有平分,也就是设置的宽度,导致表头和主体部分错位,sorry。但是在Chrome、Firefox、IE、edge上都是正常的,没有错位的原因。查看colgroup,发现header和body中的列宽设置完全一致。可能的原因是header中的colgroup不合法。查找故障原因。我查看了table标签的官方文档,发现有如下描述:根据文档,colgroup必须出现在任何可选的caption元素之后,但在任何thead、th、tbody、tfoot和tr元素之前。发现在header部分的代码中,在colgroup标签前加了一组div标签,导致colgroup失败。解决方案根据以上发现,可以通过将colgroup前面的标签换成caption标签,或者将其他div标签移到末尾来解决。由于safari浏览器对html格式要求比较严格,所以除了safari之外的所有浏览器都可以找到正确的colgroup来设置宽度。
