這是另一個(gè)函式庫(kù)。
需要進(jìn)行的更改是 -
#新增排序js
#將類(lèi)別名稱(chēng)sortable
加入到表格中。
點(diǎn)選表格標(biāo)題對(duì)表格進(jìn)行對(duì)應(yīng)排序:
<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>
檢查您是否可以使用下面提到的任何 JQuery 插件。簡(jiǎn)直太棒了,提供了廣泛的工作選項(xiàng),並且整合起來(lái)更省力。 :)
https://github.com/paulopmx/Flexigrid - Flexgrid
http://datatables.net/index - 資料表。
https://github.com/tonytomov/jqGrid
如果沒(méi)有,您需要有一個(gè)指向那些呼叫伺服器端腳本來(lái)呼叫排序的表頭的連結(jié)。