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 отзывчивым», полезно знать, есть ли пользовательские обработчики кликов, которые вы не хотите случайно задействовать в trigger().

Это, конечно же, откроет любую дочернюю строку, независимо от того, какое отфильтрованное значение действительно присутствует в скрытых или видимых столбцах.