使用数据表在多个表中进行列搜索

Question

我想在使用数据表插件的两个表的第二列中进行搜索。从this 帖子，我知道我可以使用

$('table').DataTable().search(this.value).draw();

在我的表中执行搜索。因为我想在第二列中搜索项目，所以我尝试了

$(".dtable").DataTable().column(2).search($(this).val()).draw();

但是，它只适用于第一张桌子。有没有办法做到这一点？

Answer 1

将两个数据表的引用存储在一个变量中

var table1 = $('table').DataTable();
var table2 = $(".dtable").DataTable();

将关键事件与搜索文本框绑定，并将搜索应用到每个表格的第二列

$('input[type=search]').on( 'keyup click', function () {
      table1
        .column('2')
        .search(this.value, true, false, true )
        .draw();

     table2
        .column('2')
        .search(this.value, true, false, true )
        .draw();
    });