数据表过滤器功能不起作用：Jquery答案

【问题标题】：DataTable filter function not working: Jquery数据表过滤器功能不起作用：Jquery
【发布时间】：2019-12-11 12:25:27
【问题描述】：

我正在使用 Razor 语法来显示视图。我正在寻找过滤我面前的数据表。但是，即使存在普通脚本，过滤器也应该可以工作，但不能。我不确定可能是什么原因。

这是我的代码：

jQuery(document).ready(function ($) {
        $('.table').DataTable(); // this provides a DataTable plugin feature that has search functionality, but for some reason it is not working
        //$('.hasTooltip').tooltip();
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.20/datatables.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.20/datatables.min.css" />

<table class="table table-hover" id="tblgrpDetail">
  <thead>
    <tr>
      <th>
        Name
      </th>

      <th>
        Address
      </th>
      <th>Actions</th>
    </tr>
  </thead>
  <tbody id="myTable">
    @foreach (var item in Model) {
    <tr>

      <td class="Name">
        <span>@item.Name</span> @Html.DropDownList("Name", (SelectList)ViewBag.objName, new { id = "Name", @class = "form-control JGID", style = "display:none; width:200px;" })
      </td>

      <td class="Address">
        <span>@item.Address</span> @Html.DropDownList("Address", (SelectList)ViewBag.objAddr, new { id = "Address", @class = "form-control Address", style = "display:none; width:200px;" })
      </td>
      <td>
        <a class="Edit btn btn-success hasTooltip" href="javascript:;" data-placement="bottom" title="Edit"><span><img src="~/Icons/icons8-edit-20.png" /></span></a>
        <a class="Delete btn btn-danger hasTooltip" href="javascript:;" data-placement="bottom" title="Delete"><span><img src="~/Icons/icons8-delete-trash-20.png" /></span> </a>
        <a class="Update btn btn-info hasTooltip" href="javascript:;" style="display:none" data-placement="bottom" title="Update"><span><img src="~/Icons/icons8-update-20.png" /></span> </a>
        <a class="Cancel btn btn-danger hasTooltip" href="javascript:;" style="display:none" data-placement="bottom" title="Cancel"><span><img src="~/Icons/icons8-cancel-20.png" /></span></a>
      </td>
    </tr>
    }
  </tbody>
</table>

内置的数据表搜索功能本身不起作用。我尝试在网上搜索相同的内容，但未能找到任何正确的答案。

如果你能告诉我正确的方向，那将是很大的帮助。

提前致谢。

【问题讨论】：

请在数据表声明中添加 "bFilter": true
@Mustufa 让我检查一下。谢谢:)
@Mustufa 不。它不工作。
stackoverflow.com/questions/37751528/…
这个 sn-p 似乎对我有用。

标签： jquery asp.net-mvc razor datatable

【解决方案1】：

我发现 DropdownListFor 方法的行为很奇怪，不确定是错误还是真实性。当我用标记替换它时，它完美地工作，但不是。我使用 select 标记而不是 DropDownList 并且它有效！

【讨论】：