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

【问题标题】：Datatable search function not working, and styling tips数据表搜索功能不起作用，以及样式提示
【发布时间】：2015-01-09 11:09:41
【问题描述】：

我是 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>

我有几个问题：

搜索框的工作方式与数据表演示中的方式不同，例如，在搜索框中输入内容时，它不会消除表中的条目。

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

display: true

但它不起作用。

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

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

【问题讨论】：

在得出结论之前"it does not work"，请务必检查"is it the correct way to do"
@Bharadwaj 该表的显示肯定被数据表改变了，文档说搜索应该默认实现
@Bharadwaj datatables.net/manual/installation
@Bharadwaj “就是这样！默认情况下，DataTables 会为您的表添加排序、搜索、分页和信息，让您的最终用户能够尽快找到他们想要的信息。”跨度>
remove display: true 是错误的，可能是在阻止实际逻辑

标签： jquery asp.net vb.net datatables

【解决方案1】：

我已经修好了。

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

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

【讨论】：