title: What is the callback for responsive.details.renderer() function in jQuery datatable?
body: <p><strong>Datatatable initialization:</strong></p>
  
  <pre><code>$('#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
  });
  </code></pre>
  
  <p>In responsive view of datatable, when user clicks on "Plus" symbol, it renders the child rows having ".child" class inside table.
  Here, I need to call call a javascript function to disable the controls of the datatable.
  I need to disable the controls only when the datatable is collapsed.</p>
  
  <pre><code>function disableCtrlInsideDT(){     
        $('.dataTable.collapsed').find('input:checkbox, input:button, select, button').attr('disabled', true);
  }
  </code></pre>
  
  <p>I have written an external CSS as well, but it's not working as expected. I mean, the CSS disables the control but the "not-allowed" cursor doesn't work at that time.</p>
  
  <pre><code>.dataTable.dtr-inline.collapsed tbody tr { cursor: pointer !important; pointer-events: none !important; }
  </code></pre>
  
  <p>So, I need a callback where I can write all the javascript methods, that should be fired after rendering of child rows.</p>