dataTables固定列插件不工作

时间:2014-09-17 19:32:13

标签: css jquery-plugins datatables jquery-datatables lost-focus

要共享我在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,然后使用class dataTables_scrollBody

来应用div

我在这里寻找解决方案,以便我可以成功使用Datatable Fixed列插件

更新:现在我已经将数据表v更新为1.10并将代码推送到gitlab中的相同位置。虽然现在fixedColumns插件工作但不顺畅

以下是我现在面临的问题

  1. 使用垂直和水平滚动条将表格渲染到DIV中,这看起来不太好。
  2. 现在,如果您单击表格中的第一个TH元素,即最左上角的单元格,则垂直滚动条会消失,并且表格会正确显示。但是FixedColumn尚未开始工作..... :(

    现在,如果您从此表中失去焦点,如果您回来,您会注意到FixedColumns插件开始顺利运行。

    有人可以在这个问题上帮助我,我真的被卡住了。

0 个答案:

没有答案