带有rowspan的dataTable标头调整大小和混乱UI

时间:2014-03-10 07:43:23

标签: javascript jquery html css jquery-datatables

我一直在开发一个有很多数据的屏幕。它使用dataTable滚动。(水平滚动)。有一个drpdown应该过滤值,并且应该只在滚动部分显示符合条件的TD。以下是截图。我隐藏并显示基于选择下拉列表的数据。 已经为所有tds和rowspan添加了一个类,以便可以根据下拉选项切换它们。 它在获取所有记录时显示完美。但是当我隐藏列时,列工作完美但标题会调整其标题。 enter image description here

这是隐藏th和td .td发生的事情仍然相同,重新调整大小 enter image description here

我尝试了很多但是没有解决它。有人可以帮助

1 个答案:

答案 0 :(得分:0)

所以我得到了解决方案。 你需要再次获取你的表对象并重绘它。在阅读了很多关于这个错误的地方之后,似乎dataTable仍然需要找到一个修复,以便在滚动部分中隐藏列并添加rowspan。 我所做的是在所有th,td表中添加一个类,需要根据任何条件隐藏,这里基于选择。当我选择一个partical类型时,我添加了另一个类来隐藏所需的th和tds。但Th重置大小,可能是因为添加了滚动。 它会重置整个标题的宽度,使其保持原样。所以它看起来很难看。

 oTable.fnDraw();

只需参考你的桌子并再次画画。