如何在分页后禁用Responsive Datatable jQuery中的子行

Question

步骤：

• 我尝试在reponsive表中呈现内容，就像在本教程中一样： https://datatables.net/extensions/responsive/examples/child-rows/custom-renderer.html

• 点击第1页任意行的展开按钮，表格的额外信息显示

• 点击分页按钮2，然后点击后退按钮1，额外信息始终可见（实际上我想要额外信息在这里不可见）。

  

• 点击分页按钮后，是否有任何解决方案可以在响应式jDatatable中隐藏额外信息？

非常感谢你的帮助

Answer 1

请使用此代码。

$(document).ready(function() {
    $('#example').DataTable( {
        responsive: {
            details: {
                renderer: function ( api, rowIdx, columns ) {
                    var data = $.map( columns, function ( col, i ) {
                        return col.hidden ?
                            '<tr data-dt-row="'+col.rowIndex+'" data-dt-column="'+col.columnIndex+'">'+
                                '<td>'+col.title+':'+'</td> '+
                                '<td>'+col.data+'</td>'+
                            '</tr>' :
                            '';
                    } ).join('');

                    return data ?
                        $('<table/>').append( data ) :
                        false;
                }
            }
        }
    } );

   $('#example').on( 'page.dt', function () {
       $(".parent .sorting_1").click();
    } );
} );

根据我创建JSFiddle的示例作为参考。