2012-03-10 143 views
6

如何凍結Asp.net gridview標題?我試圖以不同的方式做到這一點,但無法做到。凍結標題,滾動GridView

我使用ASP 2.0和VS 2010

任何一個能幫助我嗎?

+0

下面的鏈接顯示了一種方法來實現這一[凍結GridView的列和集管在ASP.Net CSS](http://www.vbknowledgebase.com/?Id=91&Desc= Freeze-GridView-Columns-and-Headers-in-ASP.Net-CSS)我爲此問題添加了2個鏈接,您可以嘗試。對我來說,我建議的第一個工作,所以很可能你錯過了一些東西。然而,其他兩種解決方案也在工作,所以你可以試用它們。 [使用固定標題的Gridview](http://www.codeproject.com/Articles/250669/Gridview-with-Fixed-Header)和[通過創建客戶端擴展程序來凍結ASP.NET GridView標題](http:// weblogs .asp.net/d – 2012-03-10 19:08:20

+0

感謝Aristotelis。但我已經嘗試過,這對我沒有任何作用。是否有任何方法凍結標題編程方式。 – Indra 2012-03-11 03:57:34

+0

我試過類似的東西... http://stackoverflow.com/questions/28351955/how從列表和一個asp-net-generated-gridview-tabl,但寬度不匹配 – SearchForKnowledge 2015-02-05 21:08:14

回答

0

使用jQuery floatThead

http://mkoryak.github.io/floatThead/#intro

我不得不使用位的jQuery轉換到第一行的THEAD爲它工作。

例如下面:

$(document).ready(function() { 
    var $theadCols = $("#ContentPlaceHolder1_grdCashflow tr:first-child"), 
     $table = $("#ContentPlaceHolder1_grdCashflow"); 

    // create thead and append <th> columns 
    $table.prepend("<thead/>"); 
    $table.find("thead").append($theadCols); 

    // init stickyHeader 
    $table.floatThead(); 

    //$table = $("#ContentPlaceHolder1_grdCashflow"); 
    $table.dataTable(
    { 
     "paging": false, 
     "ordering": false, 
     "dom":'<"top"fi>rt<"bottom"><"clear">' 
    } 
    ); 
});