title: Fire event after datatables table finishes rendering
body: <p>I am using datatables and fetching the data from an ajax URL. Each row of my returned table data includes a field that renders a button that looks like this:</p>
  
  <pre><code>&lt;button type="button" data-catid="8" data-catname="Programming:JavaScript"&gt;&lt;/button&gt;
  </code></pre>
  
  <p>The values assigned data-catid and data-catname come from the datatables retrieved data.</p>
  
  <p>In certain cases, when the table finishes loading, I want to trigger a click on one of these buttons. My code for that is this:</p>
  
  <pre><code>$('#mydatatable').find('button[data-catid="9"]').trigger('click');
  </code></pre>
  
  <p>However, I cannot find a way to do this so that it occurs after the table has rendered and the button exists in the dom so I can find it and trigger the click.</p>
  
  <p>I have tried drawCallback and initComplete but neither of those is triggered after the button has actually been added to the dom, allowing me to find it with jquery.</p>
  
  <p>Is there a way I can do this? i.e. trigger my click after the mytable has finished retrieving its data via ajax and rendered it?</p>
  
  <p>I am using datatables v 1.10</p>
  
  <p>EDIT: 
  Here is how my click event handler is attached to the summary table.</p>
  
  <pre><code>var selectedCat = 0;
  $('#mydatatable :button').click(function () {
      selectedCat = this.getAttribute("data-catId");
      console.log("selecteCat is " + selectedCat);
      qDetailTable.ajax.url('/datatables/question-data/' + selectedCat).load();
      var selectedCatName = this.getAttribute("data-catName");
      $('#questDetailCat').text('Questions about: ' + selectedCatName);
      $('#questSummary').hide();
      $('#questDetail').show();
  });
  </code></pre>