Datatables 1.10 响应式搜索展开以显示子行

Question

我正在使用带有列控制子行的响应式扩展的 Datatables 1.10。 https://datatables.net/extensions/responsive/examples/child-rows/column-control.html

如何配置搜索以使匹配的子行展开/可见？

例如，在此页面上，如果我搜索“5407”，则会过滤表格以显示父行，但仅在子行中找到匹配项。如何让搜索结果展开以显示匹配的子行？

https://jsfiddle.net/lbriquet/Ldgutob0/

$(document).ready(function() {
  $('#example').DataTable({
    responsive: {
      details: {
        type: 'column'
      }
    },
    columnDefs: [{
      className: 'control',
      orderable: false,
      targets: 0
    }],
    order: [1, 'asc']
  });
});

Answer 1

您可以在 search.dt 处理程序中搜索后自动打开所有子行：

$('#example').on('search.dt', function() {
  table
   .rows({ filter: "applied" })
   .every(function(rowIdx, tableLoop, rowLoop) {
     $('td:first-child', this.node()).trigger('click.dtr');
   })
})

更新小提琴 -> https://jsfiddle.net/Ldgutob0/2/ 每次处理过滤器/搜索时，所有 可见 行都会打开其子行。我通过调查代码注意到了.dtr 后缀，它只是一个命名空间，我相信它是“dataTables responsive”的缩写，很高兴知道是否有您不想被trigger() 意外参与的自定义点击处理程序。

这当然会打开任何子行，无论过滤后的值是否实际存在于隐藏或可见列中。