表头排序改变行位置

Table header sorting changes the position of rows

本文关键字：位置 改变 排序 表头      更新时间：2023-09-26

我有一个像这样的html表格:

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

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

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

有什么办法可以减少这种位置变化吗?任何CSS和Javascript属性，我可以做/设置防止这种跳转?

有两种选择:

  1. 删除空行和样式你的Html，使空间丢失是使用css创建的。这将给你更理想的格式以及更干净的html，你不会依赖于html。
  2. 在http://jsfiddle.net/6kczk/
    3. 中插入th而不是tr。

如果你能得到一个合理的外观，选项一是最合理的，因为如果你没有边框，你所需要的只是一些额外的间距。

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

相关文章：