You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

升级Datatables.net v2.0后自定义CSS与BS5冲突问题求助

解决方案

针对升级DataTables v2.0.5后和Velzon BS5模板冲突出现的两个样式问题,直接添加以下自定义CSS即可修复:

/* 移除表头悬停时的边框框体 */
table.dataTable thead > tr > th:hover {
  outline: 0 !important;
  box-shadow: none !important;
}

/* 消除表格额外的上下边框线 */
table.dataTable,
table.dataTable thead tr,
table.dataTable tbody {
  border-top: none !important;
  border-bottom: none !important;
}

/* 若滚动容器仍有多余边框,追加此规则 */
.dataTables_wrapper .dataTables_scroll {
  border: none !important;
}

说明:

  • 表头悬停的框体是DataTables v2.0新增的outline和box-shadow默认样式,和Velzon模板的表头样式冲突,直接覆盖即可。
  • 额外的上下边框来自DataTables对表格、表头、tbody的默认边框设置,通过移除这些边框来匹配Velzon模板的样式。
  • 将这段CSS放在你项目的自定义样式文件末尾,确保样式优先级高于DataTables的默认CSS(代码中已加!important强制覆盖)。

内容的提问来源于stack exchange,提问作者Ryan Ong

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.25 03:17:33