table-bordered需与table类配合使用，启用collapse边框合并导致线变粗，圆角需外层容器+overflow:hidden，边框方向/颜色应改用工具类组合。
直接加 table-bordered 类就能显示边框，但别只加它
Bootstrap 表格默认无边框，table-bordered 是最短路径，但它会作用于整个表格结构：外框 + 所有 th 和 td 单元格。问题在于——它默认启用 border-collapse: collapse，所有边框会合并，导致视觉上“线变粗”或“角点不清晰”。
实操建议：
- 必须搭配
table基础类一起用：，单独用
table-bordered无效- 若需圆角效果，
table-bordered自身不支持border-radius，得靠外层容器包裹并设overflow: hidden- 在 Bootstrap 5.3+ 中，
table-bordered的边框色来自变量$border-color（默认#dee2e6），不是黑色也不是透明，别误以为“没生效”想控制边框方向或颜色？别依赖
table-bordered，换用工具类组合table-bordered是“全有或全无”，没法只给上边加线、或把边框改成红色。这时候要跳出表格专属类，用通用边框工具类。实操建议：
- 先清掉默认边框：
，再手动给需要的部分加边
- 给表头加顶边：
；给最后一行加底边：- 颜色需配合主题色类，如
border-primary、border-danger；非主题色得写style="border-color: #6c757d"- 注意：
border-top等方向类对tr生效，但对td可能被border-collapse吞掉，稳妥做法是加在tbody或thead容器上为什么加了
table-bordered还看不见边框？检查这三点常见错误不是代码写错，而是被其他样式覆盖或渲染机制干扰。
典型现象与排查点：
- 表格嵌在
.card里却没边框：卡片自身有border，而table-bordered的边框被border-collapse: collapse吸进去了，看起来像“消失”——试试给table加style="border-collapse: separate" - 导出 PDF 或打印时边框不显示：Bootstrap 的边框色
#dee2e6在部分打印预设中会被过滤，临时加border-dark或内联style="border-color: #343a40 !important" - 用了
table-sm后边框变细甚至不可见：小尺寸表格会缩小padding，但边框宽度不变，视觉对比度下降，建议同步加border-2（需自定义 CSS 支持）或提升边框色饱和度
圆角边框不能只靠
border-radius，得用容器包一层直接给
加
rounded类无效，浏览器不渲染table元素的border-radius（尤其在border-collapse: collapse下）。可靠做法是：
- 用 包裹
table，并在该div上设overflow: hidden和显式border- 删掉
table-bordered，改用border-0清空表格自身边框，避免内外边框打架- 如果还要保留单元格内部分隔线，用
border-bottom单独加在tr:not(:last-child)上，配合 CSS 控制- 特别注意：
table-container必须有背景色或边框，否则border-radius不可见——透明容器+圆角=什么也看不到圆角和边框方向控制是容易被忽略的两个硬点，它们不写在文档首页，但一上线就暴露。别指望一个 class 解决所有视觉需求，Bootstrap 的表格边框本质是“可组合的 CSS 规则”，而不是黑盒功能。
- 删掉
- 给表头加顶边：
- 若需圆角效果，
