javascript - 表头排序改变行的位置

Question

我有一个如下所示的 html 表格:

name        number       contractid

sebastian      01             aea123
sab            02             aea534
jack           03             are152

我的问题是，当我单击名称时，名称列按字母顺序排序并且行的位置相同。但是当我再次点击该列时，行会改变它们的位置，如下所示。 (第一行将移到空白处，第二行移到第一位。)

name        number       contractid
sebastian      01             aea123
sab            02             aea534
jack           03             are152

是否有减少这种位置变化的解决方案？我可以执行/设置任何 CSS 和 Javascript 属性来防止这种跳跃吗？

Answer 1

存在两个选项，要么:

1. 完全删除空行并设置 Html 样式，以便使用 css 创建丢失的空间。这将为您提供更理想的格式以及更清晰的 html，并且您不会依赖 html。
2. 插入额外的行作为 th 而不是 tr，如 http://jsfiddle.net/6kczk/

如果您的外观合理，我会说选项一是最明智的，因为如果您没有边框，您所需要的只是一些额外的间距。

由于缺乏具体细节，我只是在这里使用有根据的猜测。选项二是否可行取决于排序代码和所做的假设。如果它假设第一行始终是列标题，或者在发现额外的标题行时感到困惑，那么它就不太可能工作。