如何在javascript和/或jquery中对具有多个列的HTML表进行排序

Question

所以我喜欢自己学习并获得帮助。 我不想使用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>

Answer 1

我不会给您一个代码示例，因为您要问的是相当长的代码。 但是，您需要明智地执行方法是确保已使用特定ID生成所有表元素。 可能是id =“ colnum_rownum”的格式。

如果每个列都有一个排序按钮，则它们可能需要自己的ID；就像id =“ sort_colnum”。

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

从学术理解的角度来看，完成这样的事情是一件有趣的事情。 从实际的角度来看，如果已经有很多好的解决方案，那么花时间实施这种事情将是疯狂的。

Answer 2

我刚刚在另一篇类似主题的文章中找到了这一点：

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

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