加了 .table-borderless 还有边框，根本原因是边框来源不止一处：.table-bordered 类残留、自定义css单独设置th/td边框、border-collapse: separate导致单元格间隙。
直接用 .table-borderless 就能隐藏 Bootstrap 表格边框，但实际项目里常出现“加了类还是有线”“部分边框残留”“和 .table-striped 冲突”等问题——根本原因不是类没生效，而是边框来源不止一处。
为什么加了 .table-borderless 还有边框？
Bootstrap 5 的 .table-borderless 只重置了 table、th、td 的 border 声明，但它不处理以下三类常见干扰：
-
.table-bordered类还在 DOM 里（哪怕你没主动加，可能是模板继承或 JS 动态插入时带入） - 自定义 CSS 或第三方组件给
th/td单独写了border: 1px solid #dee2e6 - 用了
border-collapse: separate（默认值），导致单元格之间仍有缝隙，视觉上像“虚线”
建议打开浏览器开发者工具，选中任意一个 td，在 Styles 面板里逐条检查 border 的来源，尤其注意 !important 和 inline style。
.table-borderless 和其他表格类共存时的冲突点
它本身是“安全”的，但组合使用时容易出意外：
- 和
.table-striped一起用没问题，条纹靠background-color，不依赖边框 - 和
.table-hover一起用也没问题，悬停变色同样不依赖边框 - 但和
.table-dark搭配时，深色背景会让残留的 1px 灰线更明显（比如来自thead底边或tbody顶边） - 绝对不要同时写
class="table table-bordered table-borderless"—— 后者虽然后声明，但.table-bordered对th/td的border设置优先级更高，会覆盖掉.table-borderless
如果必须动态切换，用 JS 控制 class 切换，而不是叠加。
彻底隐藏边框的兜底方案
当 .table-borderless 不够用时，手动补一层高优先级重置：
table.table-borderless,
table.table-borderless th,
table.table-borderless td {
border: 0 !important;
}
table.table-borderless {
border-collapse: collapse;
}
关键点：
- 必须显式写出
th和td，因为 Bootstrap 的.table-borderless规则本身也这么写，但你的自定义规则要更具体才能压过框架或其他样式 -
border-collapse: collapse是为了消除separate模式下单元格之间的空隙（哪怕边框为 0，间隙也可能透出父容器背景） - 只对加了
.table-borderless的表格生效，不影响其他表格
移动端响应式容器里边框又出来了？
如果你把表格包在 <div class="table-responsive"> 里，而这个 div 本身有边框（比如用了 <code>.border 工具类），或者父级设置了 outline、box-shadow，视觉上会误以为是表格边框。
检查方式很简单：临时给 .table-responsive 加 style="outline: 2px dashed red;"，看红线是否套在表格外沿。如果是，就不是表格的问题，而是容器或布局层的样式干扰。
真正难搞的，是那些被 border-collapse: separate + border-spacing 组合出来的“伪边框”——它不是 border，但表现得像，这种必须从 table 元素的 border-spacing 和 padding 入手排查。
