Nested DataTables

Nesting jQuery DataTables Plugin within itself

HTML

<link rel="stylesheet" href="http://cdn.datatables.net/1.10.0/css/jquery.dataTables.css">
<script src="http://cdn.datatables.net/1.10.0/js/jquery.dataTables.js"></script>
<link rel="stylesheet" href="http://cdn.datatables.net/scroller/1.2.1/css/dataTables.scroller.css">
<script src="http://cdn.datatables.net/scroller/1.2.1/js/dataTables.scroller.min.js"></script>
<div id="top"></div>
<table id="browseTable">
    <thead> 
        <tr>
            <th>Year</th>
            <th>Month</th>
            <th>Savings</th>
        </tr>
    </thead>
    <tbody>
         <tr>
      <td>2012</td>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>2012</td>
      <td>February</td>
      <td>$80</td>
    </tr>
    <tr>
      <td>2012</td>
      <td>March</td>
      <td>$80</td>
    </tr>
    <tr>
      <td>2012</td>
      <td>April</td>
      <td>$80</td>
    </tr>
    <tr>
      <td>2012</td>
      <td>May</td>
      <td>$80</td>
    </tr>
    <tr>
      <td>2012</td>
      <td>June</td>
      <td>$180</td>
    </tr>
    <tr>
      <td>2012</td>
      <td>July</td>
      <td>$80</td>
    </tr>
    <tr>
      <td>2012</td>
      <td>August</td>
      <td>$230</td>
    </tr>
    <tr>
      <td>2012</td>
      <td>September</td>
      <td>$40</td>
    </tr>
    <tr>
      <td>2012</td>
      <td>October</td>
      <td>$16</td>
    </tr>
    <tr>
      <td>2012</td>
      <td>November</td>
      <td>$590</td>
    </tr>
    <tr>
      <td>2012</td>
      <td>December</td>
      <td>$80</td>
    </tr>
    <tr>
      <td>2013</td>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>2013</td>
      <td>February</td>
      <td>$80</td>
    </tr>
    <tr>
      <td>2013</td>
      <td>March</td>
      <td>$80</td>
    </tr>
    <tr>
      <td>2013</td>
      <td>April</td>
      <td>$80</td>
    </tr>
    </tbody>
</table>

CSS

#top {
    background-color: gray;
    height: 50px;
}

JavaScript

$(document).ready(function () {
    var oTable = $("#browseTable").dataTable({
        "jQueryUI": true,
        "deferRender": true,
        "scrollY": "1px",
        "scrollX": true,
        "dom": '<"H"fr>t<"F"iS>',
        "renderer": "bootstrap",
        "scroller": {
            "loadingIndicator": true,
            "displayBuffer": 50
        }
    });
    $(".dataTables_scrollBody").height(100);
	oTable.fnSettings().oScroll.sY = 100; 
    oTable.fnDraw();
		    
	console.debug(oTable.fnSettings());
});