数据表搜索功能不起作用,以及样式提示

时间:2015-01-09 11:09:41

标签: jquery asp.net vb.net datatables

我是JQuery和asp.net的新手,但是被要求使用它们来实现数据表。

我有以下aspx页面:

<%@ Page Language="vb" MasterPageFile="~/Masterpage.master" AutoEventWireup="false" MaintainScrollPositionOnPostback="true"  CodeFile="View.aspx.vb" Inherits="MDGRenewals.page_views" %>
<%@ Register Src ="~/Webcontrols/Admin/Users/RoleManager.ascx" tagprefix="mdg" TagName="rolemanager" %>

<asp:Content ID="Content1" ContentPlaceHolderID="contentMain" runat="server">

        <asp:Repeater runat="server" id="DataGrid1" >

        <HeaderTemplate >
            <table id="pageviews" class="display">
                <thead>
                <tr>
                    <th>
                        User ID
                    </th>
                    <th>
                        Username
                    </th>
                    <th>
                        First Name
                    </th>
                </tr>    
                </thead>        
        </HeaderTemplate>

        <ItemTemplate >
                <tbody>
                <tr>
                    <td>
                        <%#Eval("user_id") %>
                    </td>
                    <td>
                        <%#Eval("page_name")%>
                    </td>
                    <td>
                        <%#Eval("Count") %>
                    </td>

                </tr>
                </tbody>
        </ItemTemplate>

        <FooterTemplate >
            </table>
        </FooterTemplate>
    </asp:Repeater>


<html>

<head>

<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.4/css/jquery.dataTables.css">

<!-- jQuery -->
<script type="text/javascript" charset="utf8" src="//code.jquery.com/jquery-1.10.2.min.js"></script>

<!-- jQuery -->
<script type="text/javascript" charset="utf8" src="//code.jquery.com/jquery-1.11.1.min.js"></script>

<!-- jQuery -->
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>

<!-- DataTables -->
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.4/js/jquery.dataTables.js"></script>

    <script type="text/javascript">

        $(document).ready(function () {
            $('#pageviews').DataTable();
            display: true
        });

    </script>

</head>

<body onload="">

</body>
</html>

</asp:Content> 

我有几个问题:

  1. 搜索框的工作方式与数据表演示不同,例如,在搜索框中时,搜索框不会消除表格中的条目。
  2. 2.我无法弄清楚如何设置表格的样式。我尝试过以下方法:

    display: true
    

    但它不起作用。

    1. 我桌子上的第一行显示的颜色与其他颜色不同,几乎就像搜索结果一样。
    2. 该表是从我的aspx.vb页面中的sql查询填充的

1 个答案:

答案 0 :(得分:0)

我修好了。

标签错了,它们应该在表的末尾。

实际上他们每次都宣布一张新桌子。