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

本文关键字:网格 视图 不起作用 标题 为什么 | 更新日期: 2023-09-27 18:16:33

我已经通过这个例子固定标题的网格视图。当我按照使用表的工作很好,但是当我用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/

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

检查页面的HTML源代码。虽然你给GridView一个fixMyHeader的ID,在客户端,它实际上可能是不同的。Net将根据您分配的id为页面上的控件生成唯一的id。

你可以试试:

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

如果您在同一页面上的正常表上尝试它是否有效(只是为了检查您是否拥有所有javascript依赖项?)

我想这可能是一个过时的问题。

        <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的fix:

<%=fixmyheader.ClientID%>

有望解决这个问题。:)