Quel est le rappel de la fonction responsive.details.renderer() dans jQuery datatable?

Question

initialisation Datatatable:

$('#tblEmployee').DataTable({ 
     "bDestroy": true, 
     responsive: true, 
     "order": [[0, "desc"]], 
     "bFilter": false, 
     "bInfo": false, 
     "bLengthChange": false, 
     "lengthMenu": [[5]], 
     "bAutoWidth": false, 
     "oLanguage": { 
      "sEmptyTable": "No records found !", 
     }, 
     "processing": true 
}); 

Compte tenu de répondre datatable, lorsque l'utilisateur clique sur le symbole "Plus", il rend les lignes enfants ayant la classe ".child" à l'intérieur table. Ici, je dois appeler appeler une fonction javascript pour désactiver les contrôles de la datatable. Je dois désactiver les contrôles uniquement lorsque le datatable est réduit.

function disableCtrlInsideDT(){  
     $('.dataTable.collapsed').find('input:checkbox, input:button, select, button').attr('disabled', true); 
} 

J'ai écrit un CSS externe aussi bien, mais il ne fonctionne pas comme prévu. Je veux dire, le CSS désactive le contrôle mais le curseur "non autorisé" ne fonctionne pas à ce moment-là.

.dataTable.dtr-inline.collapsed tbody tr { cursor: pointer !important; pointer-events: none !important; } 

, je dois donc un rappel où je peux écrire toutes les méthodes javascript, qui devraient être congédiés après avoir rendu des lignes enfants.

Answer 1

Vous pouvez gérer l'événement responsive-display lorsque les détails d'une ligne ont été affichés, mis à jour ou masqués.

Par exemple:

var table = $('#example').DataTable({ 
    responsive: true 
}); 

table.on('responsive-display', function (e, datatable, row, showHide, update) { 
    console.log('Details for row '+row.index()+' '+(showHide ? 'shown' : 'hidden')); 
}); 

Cependant, il ne sait pas pourquoi vous voulez désactiver clique sur le contrôle (+), je vais laisser à vous.