有没有一种方法可以将DataTables列筛选器加载项添加到我的项目中

本文关键字：加载项 筛选 添加 项目 我的 DataTables 一种 方法 有没有 | 更新日期: 2023-09-27 18:20:43

我目前正在尝试添加DataTables列筛选器加载项的加载项。是否有方法使用Microsoft Visual Studio Express 2012 for web添加此加载项？我必须添加js脚本或其他什么吗。我无法让CSS显示在当前的数据表上，是不是我缺少了一些东西。

初始化代码是这样的：

有没有什么地方我错过了什么。

$(document).ready(function(){
     $('#example').dataTable()
          .columnFilter();
}); 

<%@ Page Title="Home Page" Language="c#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Home.aspx.cs" Inherits="Glossary._Default" %>
<asp:Content runat="server" ID="HeaderContent" ContentPlaceHolderID="HeadContent">
    <link href="media/css/jquery.dataTables.css" rel="stylesheet" />
     </asp:Content>
<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
       <asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1">
       <HeaderTemplate>
       <table id="datatable">
           <thead>
           <tr>
               <th>Term</th>
               <th>Definition Number</th>
               <th>Definitnion Version Number </th>
               <th>Definition</th>
               <th>Amplifying Explanation Text</th>
               <th>See Also</th>
               <th>Authoritative Source</th>
               <th>Scope</th>
               <th>Domain</th>
               <th>Governance State</th>
               <th>Last Updated Time</th>
           </tr>
       </thead>
       </HeaderTemplate>
       <ItemTemplate>
           <tr>
             <td><%# DataBinder.Eval(Container.DataItem, "TermText").ToString() %></td>
               <td><%# DataBinder.Eval(Container.DataItem, "DefNbr").ToString() %></td>
               <td><%# DataBinder.Eval(Container.DataItem, "DefVerNbr").ToString() %></td>
               <td><%# DataBinder.Eval(Container.DataItem, "DefText").ToString() %></td>
               <td><%# DataBinder.Eval(Container.DataItem, "AmplifyingExplanationText").ToString() %></td>
               <td><%# DataBinder.Eval(Container.DataItem, "SeeAlsoText").ToString() %></td>
               <td><%# DataBinder.Eval(Container.DataItem, "AuthoritativeSrcText").ToString() %></td>
               <td><%# DataBinder.Eval(Container.DataItem, "ScopeName").ToString() %></td>
               <td><%# DataBinder.Eval(Container.DataItem, "DomnName").ToString() %></td>
               <td><%# DataBinder.Eval(Container.DataItem, "GovernanceStateName").ToString() %></td>
               <td><%# DataBinder.Eval(Container.DataItem, "LastUpdtTimestamp").ToString() %></td>

           </tr>
       </ItemTemplate>
       <FooterTemplate>
       </table>
       </FooterTemplate>
       </asp:Repeater>
       <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:Glossary %>"
            SelectCommand="SELECT [TermText], [DefNbr], [DefVerNbr], [DefText], [AmplifyingExplanationText], [SeeAlsoText], [AuthoritativeSrcText], [ScopeName], [DomnName], [GovernanceStateName], [LastUpdtTimestamp] FROM [Glossary] ORDER BY [TermText]"></asp:SqlDataSource>
<script src="media/js/jquery.js"></script>
        <script src="media/js/jquery.dataTables.min.js"></script>
        <script type="text/javascript">
            $('#dataTable').dataTable();
        </script>
       </asp:Content>

有没有一种方法可以将DataTables列筛选器加载项添加到我的项目中

添加

<div class="info"></div>

表前

相关文章：