HTML表格排序

Question

所以基本上我正在运行一个 mysql 查询，该查询从我的数据库中获取数据并以易于阅读的布局显示给我的用户。

 Name-----Address----Sales Person

你明白要点了。现在我想让用户按销售人员对 html 表进行排序。我如何使用下拉菜单轻松做到这一点？

 <div class='menu'>
  <ul>
    <li><a href='#'><span>Sales Person</span></a>
      <ul>
        <li><a href='#'><span>Melissa</span></a></li>
        <li><a href='#'><span>Justin</span></a></li>
        <li><a href='#'><span>Judy</span></a></li>
        <li><a href='#'><span>Skipper</span></a></li>
        <li><a href='#'><span>Alex</span></a></li>
      </ul>
    </li>
  </ul>
</div>

原文由 h3tr1ck 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

检查您是否可以使用下面提到的任何 JQuery 插件。简直太棒了，并提供了广泛的工作选项，并且减少了集成的痛苦。 :)

https://github.com/paulopmx/Flexigrid - Flexgrid

http://datatables.net/index - 数据表。

https://github.com/tonytomov/jqGrid

如果没有，您需要有一个链接到那些调用服务器端脚本来调用排序的表头。

原文由 verisimilitude 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

这是另一个图书馆。

所需的更改是 -

1. 添加可排序的js

2. 将类名 sortable 添加到表中。

单击 表格标题 以相应地对表格进行排序：

 <script src="https://www.kryogenix.org/code/browser/sorttable/sorttable.js"></script>

<table class="sortable">
  <tr>
    <th>Name</th>
    <th>Address</th>
    <th>Sales Person</th>
  </tr>

  <tr class="item">
    <td>user:0001</td>
    <td>UK</td>
    <td>Melissa</td>
  </tr>
  <tr class="item">
    <td>user:0002</td>
    <td>France</td>
    <td>Justin</td>
  </tr>
  <tr class="item">
    <td>user:0003</td>
    <td>San Francisco</td>
    <td>Judy</td>
  </tr>
  <tr class="item">
    <td>user:0004</td>
    <td>Canada</td>
    <td>Skipper</td>
  </tr>
  <tr class="item">
    <td>user:0005</td>
    <td>Christchurch</td>
    <td>Alex</td>
  </tr>

</table>

原文由 smilyface 发布，翻译遵循 CC BY-SA 4.0 许可协议