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

Question

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

我有以下 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>

我有几个问题：

搜索框无法像在数据table演示中那样工作，例如，当在搜索框中输入内容时，它不会删除 table 中的条目。

2.I 不知道如何设置 table 的样式。我尝试了以下方法：

display: true

但是没用。

我 table 的第一行颜色与其他行不同，几乎就像是搜索结果。

table 是从我的 aspx.vb 页面中的 sql 查询填充的

Answer 1

我已经修复了。

标签有误，它们应该在 table 的末尾。

实际上他们每次都在声明一个新的 table。

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

Datatable search function not working, and styling tips

vb.net

asp.net

jquery

datatables