0

所以我喜欢自学并寻求帮助。我不想使用 javascript/jquery 插件，因为我想开发自己的代码。那么如何通过单击按钮按字母顺序对表格进行排序呢？当他们单击按钮时，该行将按字母顺序排列，该行的其余部分将按照正在排序的列进行排序。谢谢！

<table id=sortableTable">
    <thead id="myTHead">
      <tr>
         <th> Month </th>
         <th> Population </th>
      </tr>
   </thead>
   <tbody id="myBody">
<tr>
<td>March</td>
<td>100</td>
</tr>
<tr>
<td>April</td>
<td>300</td>
</tr>
 <tr>
<td>Febuary</td>
<td>200</td>
</tr>
4

2 回答 2

0

我不会给你一个代码示例，因为你要问的是一段相当长的代码。但是您需要明智地做的是确保您拥有使用特定 ID 生成的所有表格元素。可能是 id="colnum_rownum" 格式的东西。

如果每列都有一个排序按钮，他们可能需要自己的 ID；s 以及 id="sort_colnum"。

当您单击该按钮时，您会想要调用一个函数，该函数将获取包含您单击的列的 ID 的所有元素。然后，您将对它们进行排序以了解需要将哪些行号移动到哪里。然后，您会将 DOM 中的这些行移动到它们的新位置，并可能修改 id 以反映它们的新位置，以便稍后在单击另一个按钮时再次排序。

虽然从学术理解的角度来处理这样的事情是一件有趣的事情。从实际的角度来看，当已经有许多好的解决方案时，花时间实现这样的事情是很疯狂的。

于 2012-07-26T15:38:24.613 回答
0

我刚刚在另一篇具有类似主题的帖子中发现了这一点：

http://www.allmyscripts.com/Table_Sort/

通过阅读它是 javasript 中用于 html 表的开源排序功能。看起来很有趣，简单而有用。

于 2014-06-13T21:33:31.913 回答