Javascript 使用ajax、jquery将数据填充到html表并使其可搜索

我正在将数据动态加载到html表中，如下所示。我正在使用Datatable进行ssearch

使用的技术堆栈为： 春季MVC 冬眠 AJAX JQuery

我现在能够将数据加载到表中。但是有人能解释一下如何添加搜索选项吗。

您可以使用数据表

它将为您提供各种您可能想要集成的内置功能

<!--dependencies for data table -->
<script src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js" type="text/javascript"></script>

---

不知道你所说的搜索选项是什么意思。你在找像“是”这样的东西吗？这就是我要找的。它使用的是普通的HTML表。但是，在这次AJAX调用之后。搜索不起作用什么搜索不起作用？这里没有显示任何与搜索$function{$example1.DataTable；}相关的内容。您应该明确地将使用datatables的事实添加到您的问题中。要像您正在尝试的那样更新数据表，当您进行ajax调用时，必须使用数据表更新机制。或

<!--dependencies for data table -->
<script src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js" type="text/javascript"></script>

 <table id="stable" class="display table-responsive table-bordered" cellspacing="0" width="100%">
    <thead>
    <tr>
        <th>Id</th>
        <th>Data1</th>
        <th>Data2</th>
        <th>Data3</th>
        <th>Data4</th>
    </tr>

</thead>

$(document).ready(function () {
    $('#table').DataTable();
});