ASP.Net如何修復2行標題Gridview

Question

在深入細節之前，我想提一下，我嘗試了各種解決方案，從stackoverflow和其他。但沒有一個適合我的情況。所以，我提供了詳細的信息。

我有一個GridView，我想讓我的頭修復，但我無法修復頭，因爲在我的GridView中有2行頭。

我已經試着讓我的頭部固定，但我只能讓1行頭與jQuery固定。我需要有人幫助我解決這個問題。因爲我真的需要2行標題。

Answer 1

您可以使用帶有jQuery插件的GridViewScroll，它非常靈活且易於使用。

下面是關於如何應用它的一個樣本：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
    <script type="text/javascript" /> src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js" /> 
    <script type="text/javascript" src="../Scripts/gridviewScroll.min.js" /> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     gridviewScroll(); 
    }); 
    function gridviewScroll() { 
     $('#GridView1').gridviewScroll({ 
      width: 700, 
      height: 330, 
      freezesize: 2, 
      arrowsize: 30, 
      headerrowcount: 2 
     }); 
    } 
</script> 

<asp:gridView ID="GridView1" runat="server" /> 

注意，您可以控制多少行標題通過改變headerrowcount在gridviewScroll()功能修復。

欲瞭解更多信息，請訪問http://gridviewscroll.aspcity.idv.tw/

希望這有助於。

Answer 2

試試這個希望它會幫助你。

使用腳本

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 
<script src="Scripts/ScrollableGridPlugin.js" type="text/javascript"></script> 
    <title></title> 

    <script type="text/javascript" language="javascript"> 
     $(document).ready(function() { 
      $('#<%=GridView1.ClientID %>').Scrollable(); 
     } 
) 
</script> 

GridView的部分

<Columns> 
       <asp:TemplateField > 
       <HeaderTemplate> 
     <table style="width: 300px" cellpadding="0" cellspacing="0"> 
<tr> 
    <td>Column 1</td> 
    <td>Column 2</td> 
</tr> 
<tr> 
    <td>Column 1</td> 
    <td>Column 2</td> 
</tr> 
</table> 

     </HeaderTemplate> 
       <ItemTemplate> 
     <td><%# Eval("Column 1")%></td> 
     <td><%# Eval("Column 2")%></td> 
     </ItemTemplate> 
      </asp:TemplateField> 
      </Columns> 

如果您發現上面我加了jQuery的1.4.1.min.js和ScrollableGridPlugin.js腳本文件中的代碼頭部分的代碼，你需要下載這些腳本文件。通過使用這些文件，我們可以在固定位置管理GridView標題。