如何移除Bootstrap HTML表格thead边框，仅保留tbody边框

你可以通过自定义CSS精准控制表格的边框显示，完美解决这个问题，具体操作如下：

1. 添加自定义CSS样式
   直接在页面的<head>标签内，或者你的外部样式文件中加入这段代码：

/* 完全移除thead中所有单元格的边框 */
.table thead td {
  border: none !important;
}

/* 确保tbody的单元格保留边框，这里用Bootstrap默认的边框颜色，你也可以自定义 */
.table tbody td {
  border: 1px solid #dee2e6 !important;
}

👉 为什么要加!important？因为Bootstrap的.table类自带边框样式，优先级较高，用!important可以强制覆盖原有规则，确保你的自定义样式生效。

2. 优化表格属性（可选但推荐）
   你的表格标签里带有border='1'这个HTML原生属性，它可能会和Bootstrap的样式产生冲突，建议移除这个属性，让CSS完全控制边框样式：
   修改前：

<table border='1' class='table table-responsive' dir='rtl'>

修改后：

<table class='table table-responsive' dir='rtl'>

这样设置之后，打印预览里的thead就不会显示边框，只有tbody的单元格会保留边框啦。

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