title: Dynamically update dataTable Row Count
body: <p>I'm trying to update the <code>row_count</code> of my dataTable upon retrieval of data</p>
  
  <p>I create an empty dataTable and render it <code>myDiv</code>:</p>
  
  <pre><code>var dataTable = new Y.DataTable({
              columns: columns,
              footerView:   Y.FooterView,  
              footerConfig: {
                  fixed:   true,
                  heading: {
                      colspan:    3,
                      content:    "Number Records : {row_count}  "
                  }
              }
          }).render("#myDiv");
  </code></pre>
  
  <p>On the click of a button, the dataTable gets populated by an IO request.</p>
  
  <pre><code>var node = Y.one('#searchButton');
  node.on(
              'click', 
              function() {
              dataSource = new Y.DataSource.IO({source:'mySource'});
              ...
              //code to set data in dataTable
              ...
              size = dataTable.data.size(); //retrieves the number of records, but row_count in the footer of course remains '0'
  </code></pre>
  
  <p>How could I dynamically update the footerView <strong>content</strong>'s 'row_count' to reflect <strong>size</strong>?           </p>