Question

在详细介绍之前，我想提一下，我尝试了stackoverflow和其他的各种解决方案。但在我的场景中没有一个适合。所以，我提供了详细信息。

我有一个GridView，我想修复我的标题，但我无法修复标题，因为我的GridView中有两行标题。

我已经尝试修复我的标头，但我可以使用jQuery修复1行标头。我需要有人帮助我，解决这个问题。因为我真的需要2行标题。

Answer 1

您可以将GridViewScroll与jQuery插件一起使用，它灵活且易于使用。

以下是如何应用它的示例：

<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标头。

ASP.Net如何修复2行标题Gridview

2 个答案: