javascript - 数据表隐藏搜索输入和行数下拉列表

Question

在我的 ASP.NET MVC 应用程序中，我使用 jQuery DataTables 来列出我的客户。我的 jQuery 版本是 3.3.1。我将此代码用于我的数据表，它工作正常:

 $(document).ready(function() {
  $('#tbl-data').dataTable();

  // These two lines hides related fields. It works.
  $("#tbl-data_filter").hide();
  $("#tbl-data_length").hide();
});

当我使用此代码翻译数据表时，本地化工作正常，但搜索输入和行数下拉列表保持可见:

 $(document).ready(function () {
  $('#tbl-data').dataTable({
    "language": {
      "url": "/Resources/Localisation/French.json"
    }
  });

  // It doesn't work.
  $("#tbl-data_filter").hide();
  $("#tbl-data_length").hide();
});

如果我在手动事件中调用这些行，例如任何控件的 click 事件，它会再次起作用。我认为 DataTable() 方法是异步的，在它完成我想要隐藏的元素的转换和创建之前，这些行会执行。

有人有什么想法吗？

Answer 1

您可以从设置中禁用这两个选项；没有必要单独隐藏它们。

使用搜索和分页选项:

$('#datatable').dataTable({
  searching: false,
  paging: false,
  // your other settings here...
});