如何删除HTML表格数据区域顶部出现的不明来源灰色线条

排查与解决方法 #

你遇到的灰色线条是Bootstrap表格类默认的顶部边框导致的，可按以下顺序尝试修复：

• 优先给内层嵌套表格添加顶部边框清除样式，修改后的table标签代码如下：

<table
   class="table table-striped"
   style="width:120%; text-align: center; border-top: none !important;"
>

• 若修改后线条仍存在，给包裹内层表格的td元素也添加边框清除样式：

<td colspan="6" style="border-top: none !important;">

• 若上述操作无效，可临时移除内层表格的table-striped类排查是否为条纹背景的首行样式导致的视觉误差，确认后可给内层表格第一行添加style="background: transparent;"覆盖默认背景即可。

内容的提问来源于stack exchange，提问作者user17074809