要共享文件,我在 github repo 链接上创建了一个项目:https ://github.com/shantanookirtane/dataTablesFixedColumns.git
这个存储库有 index.html,表在 DOM 结构下加载,类似于我运行应用程序时创建的内容。repo 包含所有必要的 css 和 js 文件。
我已经在这个项目的 github 上的 README.md 文件中添加了确切的问题描述,在这里再次粘贴相同的内容。
数据表版本:1.9.1
数据表固定列版本:3.0.2
DataTables 固定列的问题
这里的问题是,即使出现滚动条,左列也不是固定的,所以当你移动滚动条时,一切都会移动。
此外,如果您单击表中的第一个 TH 元素,即 (ServerName),则该表水平扩展并相互矛盾。在此过程中,如果您仔细注意到滚动条首先应用于具有 class=tab-content 的外部 div,然后应用于具有类 dataTables_scrollBody 的 div
我在这里寻找解决方案,以便我可以成功使用 Datatable Fixed 列插件
更新
所以现在我已经将数据表 v 更新到 1.10 并将代码推送到 gitlab 中的相同位置。虽然现在 fixedColumns 插件正在工作,但并不顺利。
以下是我现在面临的问题:
- 表格被渲染成带有垂直和水平滚动条的 DIV,看起来不太好。
现在,如果您单击表格中的第一个 TH 元素,即最左上角单元格,则垂直滚动条消失并且表格正确显示。但 FixedColumn 尚未开始工作。
现在,如果您从该表中失去焦点,如果您回来,您会注意到 FixedColumns 插件开始顺利运行。