从客户端代码以相反的顺序显示网格

时间:2012-07-12 11:17:04

标签: javascript jquery asp.net gridview

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

2 个答案:

答案 0 :(得分: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)
   });
});​

答案 1 :(得分:0)

使用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}} 
        }); 
    } 
);