2012-07-12 29 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