У меня есть дата, которая показывает подробности строк . Он работает нормально в первый раз, но когда я нажимаю на вторую или третью дочернюю строку, тогда отображаются дублированные строки, я имею в виду строки, которые были в 1-й дочерней строке.
$(document).ready(function() {
var table = $('#example').DataTable( {
"ajax": {
"url":"{{ route('admin.requestReport') }}",
"dataType":"json",
"type":"POST",
"data":{"_token":"{{ csrf_token() }}"}
},
"columns": [
{
"className": 'details-control',
"orderable": false,
"data": null,
"defaultContent": ''
},
{ "data": "counter" },
{ "data": "start_date" }
],
/* "order": [[1, 'asc']], */
searching: false
} );
// Add event listener for opening and closing details
$('#example tbody').on('click', 'td.details-control', function () {
var tr = $(this).closest('tr');
var row = table.row( tr );
if ( row.child.isShown() ) {
// This row is already open - close it
row.child.hide();
tr.removeClass('shown');
}
else {
// Open this row
row.child( format(row.data()) ).show();
tr.addClass('shown');
}
} );
} );
Я сделал console.log()
и нашел проблему, но мне нужно руководство, чтобы решить ее. Проблема, которую я нашел, которая здесь
else {
// Open this row
row.child( format(row.data()) ).show();
tr.addClass('shown');
}
Я сделал console.log(row.data())
, который также передает в функцию предыдущие щелчковые строки.
Я бы хотел попросить вас помочь мне передать данные () из одной строки в функцию. Я хотел бы оценить. Большое вам спасибо.