我的jQuery表autofilter不断更改表行高。为什么?

时间:2011-05-13 21:30:40

标签: javascript jquery html css

我创建了一些javascript / jquery代码来过滤html表。过滤器的工作原理是为行指定两个类('show'和'hide'),具体取决于某些单元格的值,然后使用CSS隐藏具有'hide'类的行。过滤器工作得很好。然而,当我应用滤镜时,表格行高度不断变化(通常高度显着增加 - 约为所需高度的2或3倍)。我不知道为什么会这样。我的代码是几百行,所以我认为这不值得粘贴。我不知道我的代码的哪个部分导致了问题(或者问题是javascript / jquery还是外部css文件)。

有人可以就如何最好地调试此问题提出一些建议吗?

编辑:除了行高增加(主要问题)之外,当应用滤镜时,列宽也会缩小一点。

更新:我解决了问题(至少对于行高的变化)。它与CSS设置有关,我在其中设置了表体的高度。感谢下面的建议,我使用Firebug更仔细地检查所有内容。我在Firebug中发现了一个功能,允许您打开/关闭CSS属性,以及删除DOM元素。通过使用这些功能,我能够隔离导致问题的CSS属性。感谢大家的投入。

2 个答案:

答案 0 :(得分:0)

您是否尝试执行this之类的操作。

如果是这样,那么看看是否有帮助,或者你是否可以像复制问题一样放样。

我能想到的是:

1:当你的隐藏/显示出现问题时正在应用的类。

2:您尝试应用这些类的元素是错误的。

您可以在过滤器之前和之后发布一些样本标记。

答案 1 :(得分:0)

我解决了这个问题(至少对于行高的变化)。它与CSS设置有关,我在其中设置了表体的高度。感谢下面的建议,我使用Firebug更仔细地检查所有内容。我在Firebug中发现了一个功能,允许您打开/关闭CSS属性,以及删除DOM元素。通过使用这些功能,我能够隔离导致问题的CSS属性。感谢大家的投入。