2012-07-12 59 views
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) 
    }); 
});​ 
+0

我们硝基甲苯要通过列clcik排序,我们只是想显示网格inreverse为了不排序 – khawarPK 2012-07-12 11:30:19

+0

对不起,不同的阅读您的要求。你可以通过写几行jQuery代码来实现这一点。在这里看到小提琴http://jsfiddle.net/tariqulazam/bEeHp – Tariqulazam 2012-07-13 01:25:47

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}} 
     }); 
    } 
); 
+0

这是从客户端排序 – khawarPK 2012-07-12 11:29:08

+0

我们想在列上按clcik排序,我们只是想显示网格inreverse顺序不排序 – khawarPK 2012-07-12 11:30:04