javascript - 以与客户端代码相反的顺序显示网格

Question

由于时间紧迫且对生产的访问受限，我只想以相反的顺序显示我的网格结果，我的意思是目前它以“日期”列的升序显示，我想以降序显示它，排序是没有在这个网格上实现并且及时我有访问服务器端代码的限制。是否可以从客户端进行管理。

Answer 1

可能...您可以尝试使用 jQuery 数据表插件。

小提琴 - http://jsfiddle.net/tariqulazam/bEeHp

HTML

<table id="table">
    <tr>
        <td>A</td>    
    </tr>
    <tr>
        <td>B</td>    
    </tr>
    <tr>
        <td>C</td>    
    </tr>
    <tr>
        <td>D</td>    
    </tr>
</table>

<input type="button" value="Reverse" id="btnReverse"/>​

JavaScript

$("#btnReverse").click(function(){
   $("#table tr").each(function(i,li){
      $("#table").prepend(li)
   });
});​

Answer 2

您可能会成功使用 jQuery Tablesorter：

http://tablesorter.com/docs/

headers { 0: { sorter: false}, 1: {sorter: false} }通过应用并使用将反转整个数据集的列的初始排序方向来禁用列标题单击： sortList: [0,0].

你最终会得到这样的东西：

$(function() {
        $("#myTable").tablesorter({
            sortList: [0,0], 
            headers { 0:{sorter:false}, 1:{sorter:false}, 2:{sorter:false}} 
        }); 
    } 
);