如何禁用子行的響應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的示例作爲參考。