javascript - DataTables - 具有 2 表选择器的 .search() 函数

Question

我的网页上有 2 个数据表，它们正在使用单个选择器进行实例化:

var myTable = $('.dataTable').DataTable();

我想同时在这两个表上使用“搜索”功能来获取相同的值。

问题是这样做只会对第二个表进行搜索操作。

jsfiddle:https://jsfiddle.net/a2afkn4a/

DataTables 文档对此似乎非常清楚，表示可以使用单个选择器一起初始化和操作多个表: https://datatables.net/examples/basic_init/multiple_tables.html

如何使用一个选择器将此搜索应用于两个表？

注意:我知道我可以“轻松”分离表格并独立操作它们。问题在于表创建是在许多其他网页使用的库中完成的，因此制作 2 个具有不同 id 的独立表将需要大量工作才能确保它仍然在使用该库的所有页面上工作。

如有任何意见，我们将不胜感激。

Answer 1

你说得对，DT docs确实非常清楚...

The tables are independent for user control (i.e. user controlled paging on one table does not effect the others), but they do share the initialisation parameters given (for example if you specific the Spanish language file, all tables will be shown in Spanish).

jQuery 对象代表一组元素，而 DT 对象则不然。您可以同时初始化它们，但这并不意味着 DT 对象将保存多个表。

您需要单独执行它们。

  var opts = {
    "sPaginationType": "full_numbers",
    data: dataSet,
    columns: columnDefs,
  };

  $('.dataTable').each(function(){
    $(this).DataTable(opts).column(0).search('Airi').draw();
  });

这是更新后的 fiddle .