在 Chrome 浏览器中具有固定列的 DataTable 显示标题和正文之间的空间

Posted 2023-05-08

【中文标题】在 Chrome 浏览器中具有固定列的 DataTable 显示标题和正文之间的空间

【英文标题】：DataTable with Fixed Column in Chrome browser it's showing space between Header and Body

【发布时间】：2020-02-01 09:25:52

【问题描述】：

当使用固定列和/或延迟加载动态加载数据表网格时

它是 Header 和 Body 之间的显示空间

在这个空间中，有一个高度为 0px 的 tr，但由于某种原因，它没有作为高度 0px

我尝试在 chrome 中检查并尝试将高度更改为 0px 但没有更改

注意：这个问题只在 Chrome 中出现，但在 Firefox 中看起来一切 美好的。 ：/

由于公司政策，我无法共享代码抱歉

【问题讨论】：

我应该降格版本吗？

【参考方案1】：

过去几周我也遇到了这个问题，我找到了一些使用 CSS 临时修复的代码 尝试使用下面的代码

    /* ---- Temp Override css for resolve DataTable header spacing  ----*/
        .DTFC_ScrollWrapper .dataTables_scrollBody thead tr,.DTFC_ScrollWrapper .dataTables_scrollBody thead tr th 
    height: 0px !important;

        /* ------------------------------ */ 

【讨论】：

临时是什么意思？

正如你上面提到的，它的高度已经是 0px；我已经通过外部 CSS 重置了高度，它对我有用。我以为是浏览器问题，因为这个问题你在 Mozilla Firefox 浏览器中看不到，所以，谷歌 crome 开发团队在你删除临时代码后修复了这个问题。