升级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
相关产品推荐
相关产品推荐

