title: Datatables - force rendering after setting `bDeferRender: true`
body: <p>I have a table with 1000+ records and I am using <code>bDeferRender: true</code>.  I have a button that when clicked can select any of the records.  <a href="http://jsfiddle.net/abell25/B8BT3/1/" rel="nofollow">Here is a jsfiddle showing the issue</a>.  Here is the code:</p>
  
  <pre><code>the_data = [['1', '1', '1'], ['2', '2', '2'], ['3', '3', '3'], ['4', '4', '4'], ['5', '5', '5'], ['6', '6', '6'], ['7', '7', '7'], ['8', '8', '8'], ['9', '9', '9'], ['A', 'A', 'A'], ['B', 'B', 'B'], ['C', 'C', 'C'], ['D', 'D', 'D'], ['E', 'E', 'E'], ['F', 'F', 'F'], ['G', 'G', 'G'], ['H', 'H', 'H'], ['I', 'I', 'I'], ['J', 'J', 'J'], ['K', 'K', 'K'], ['L', 'L', 'L'], ['M', 'M', 'M'], ['N', 'N', 'N'], ['O', 'O', 'O'], ['P', 'P', 'P']];
      $(document).ready(function () {
          var oTable = $('#the_table').dataTable({
              "aaData": the_data,  
              "bDeferRender": true,
              "aoColumns": [
                  { "mData": "Year", "sTitle":"Year" },
                  { "mData": "Month", "sTitle":"Month"},
                  { "mData": "Savings", "sTitle":"Savings"  },
          ]
          });
  
          $('#btn1').on('click', function() { 
              //output: 10
              alert($('#the_table').dataTable().fnGetNodes().length);
              //how to do this??
              forceRender();
              //this should now output 25
              alert($('#the_table').dataTable().fnGetNodes().length);
          });
  
      });
  </code></pre>
  
  <p>If i use <code>bDeferRender: false</code> then <code>$('#the_table').dataTable().fnGetNodes().length</code> will equal 25.  I want to defer rendering of the table, but when the button is clicked I want the table to actually ALL the records.</p>