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という接尾辞に気づいた。それはちょうどtrigger()に関与したくないカスタムクリックハンドラがあるかどうかを知るのに便利な "dataTables responsive"の略語だと思う名前空間です。

これはもちろん、フィルタリングされた値が実際に隠れているか見える列に存在するかどうかにかかわらず、子行を開きます。