Question

我已经通过这个例子来了解网格视图的固定标题。当我按照使用表格的方式做得很好，但是当我gridview取代table这个没有用时，任何人都可以帮助我

http://www.tablefixedheader.com/demonstration/

这是我的来源

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

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

    <link rel="stylesheet" type="text/css" href="jquery-ui/css/redmond/jquery-ui-1.8.4.custom.css" />
    <link rel="stylesheet" type="text/css" href="jquery-ui/css/ui-lightness/jquery-ui-1.8.4.custom.css" />
    <link rel="stylesheet" type="text/css" href="jquery-ui/css/smoothness/jquery-ui-1.8.4.custom.css" />
    <link rel="stylesheet" type="text/css" href="jquery-ui/css/flick/jquery-ui-1.8.4.custom.css"
        id="link" />
    <link rel="stylesheet" type="text/css" href="css/base.css" />

    <script type="text/javascript" src="highlighter/codehighlighter.js"></script>

    <script type="text/javascript" src="highlighter/javascript.js"></script>

    <script type="text/javascript" src="javascript/jquery.fixheadertable.min.js"></script>

</head>
<body>
    <form id="form1" runat="server">
    <div style="font-family: Verdana,Arial,Geneva,Helvetica,sans-serif; font-size: 10px;">


        <asp:GridView ID="fixmyheader" CssClass="fixmyheader" runat="server">
        </asp:GridView>

        <script type="text/javascript">            // <![CDATA[
            $('#fixmyheader').fixheadertable({ height: '200', minWidth: 800,  zebra: true });
            // ]]&gt;</script>
    </div>

我也试过了，但我无法通过gridview

实现我的要求

http://fixedheadertable.com/

Answer 1

检查网页的HTML源代码。 Althoguh你给了GridView一个fixMyHeader的ID，在客户端，它可能实际上是不同的，因为ASP.Net将根据你的id为你的页面上的控件生成唯一的id。分配

你可以尝试：

<script type="text/javascript">
     $('#<%=fixmyheader.ClientID%>').fixheadertable({ height: '200', minWidth: 800,  zebra: true });
</script>

例如。

如果你在同一页面上的普通表上尝试它是否有效（只是为了检查你是否拥有所有的javascript依赖项？）

Answer 2

我认为这可能是一个切入和过去问题的案例？

        <script type="text/javascript">            // <![CDATA[
        $('#fixmyheader').fixheadertable({ height: '200', minWidth: 800,  zebra: true });
        // ]]&gt;</script>

不应该吗？

<script type="text/javascript">
    // <![CDATA[
        $('#fixmyheader').fixheadertable({ height: '200', minWidth: 800,  zebra: true });
    // ]]>
</script>

与dash的修复相结合：

<%=fixmyheader.ClientID%>

希望能解决这个问题。：）

为什么网格视图的固定标题不起作用

2 个答案: