搜索

首页  >  问答  >  正文

HTML 表格排序

<p>所以基本上我正在运行一个 mysql 查询,该查询从我的数据库中获取数据并以易于用户阅读的布局显示它。</p> <pre class="brush:php;toolbar:false;">Name-----Address----Sales Person</pre> <p>你明白了要点。现在我想让用户按销售人员对 html 表进行排序。我如何使用下拉菜单轻松做到这一点?</p> <p><br /></p> <pre class="snippet-code-html lang-html prettyprint-override"><code><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></code></pre> <p><br /></p>
P粉752479467P粉752479467453 天前537

全部回复(2)我来回复

  • P粉785905797

    P粉7859057972023-08-28 10:42:03

    这是另一个库。

    需要进行的更改是 -

    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>

    回复
    0
  • P粉642920522

    P粉6429205222023-08-28 00:27:23

    检查您是否可以使用下面提到的任何 JQuery 插件。简直太棒了,提供了广泛的工作选项,并且集成起来更省力。 :)

    https://github.com/paulopmx/Flexigrid - Flexgrid
    http://datatables.net/index - 数据表。
    https://github.com/tonytomov/jqGrid

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

    回复
    0
  • 取消回复