DataTables

DataTables Examples

HTML

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/dataTables.bootstrap.min.css">
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js"></script>
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.16/js/dataTables.bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
   
      
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.16/css/dataTables.bootstrap.min.css">
 

<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
<script type='text/javascript' charset="utf8" src="https://cdn.datatables.net/1.10.16/js/dataTables.bootstrap.min.js"></script>
      
<h3>
Top col1 - <span id="top"></span>
</h3>
<table cellpadding="0" cellspacing="0" border="0" class="dataTable" id="example">
    <thead>
        <tr>
            <th>col1</th>
            <th>col2</th>
            <th>col3</th>
            <th>col4</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

JavaScript

data = [
[
    "AllocateOnlyAllocator-unlimited",
    1497992,
    1524585.494505,
    1542752
],
[
    "AllocateOnlyAllocator-unlimited/FLA-UL<120,256>/BigBlockInfoAllocator",
    1351320,
    32827182.481751,
    170396640
],
[
    "AllocateOnlyAllocator-unlimited/FLA-UL<24592,1>/MemoryMapLevel3Nodes",
    25846192,
    185101829.956204,
    865736768
],
[
    "AllocateOnlyAllocator-unlimited/FLA-UL<48,128>/FreeBigBlockInfoAllocator",
    4476144,
    25611107.854014,
    68158656
],
[
    "Pool",
    6544704,
    6666593.934065,
    8699584
],
[
    "Pool/ASTRuleEngine",
    3232432,
    3235296.875912,
    3297552
],
[
    "Pool/Auditing",
    74996976,
    77774703.445255,
    79503792
],
[
    "Pool/BackupRecoveryAllocator",
    4763024,
    4935918.598540,
    4949232
],
[
    "Pool/BitVector",
    1315968,
    16293405.313868,
    334420624
],
[
    "Pool/ChannelUtils/ChannelUtils::copy",
    1073741824,
    1073741824.000000,
    1073741824
],
[
    "Pool/ColumnStore/Delta",
    9543824,
    9546022.423357,
    9694416
],
[
    "Pool/ColumnStore/Delta/Btreeindex",
    4431232,
    15265519.007299,
    138731712
],
[
    "Pool/ColumnStore/Delta/Cache",
    1050240,
    1055424.000000,
    1060608
],
[
    "Pool/ColumnStore/Delta/InternalNodes",
    17117832,
    22365901.664233,
    58432488
],
[
    "Pool/ColumnStore/Delta/LeafNodes",
    25849536,
    46272697.693430,
    247348928
],
[
    "Pool/ColumnStore/Main/Compressed/Cluster",
    140128560,
    234800221.956204,
    278918784
],
[
    "Pool/ColumnStore/Main/Compressed/Indirect",
    17082035640,
    17475265816.131868,
    34077667792
],
[
    "Pool/ColumnStore/Main/Compressed/Prefix",
    5495928,
    5502260.729927,
    5541112
],
[
    "Pool/ColumnStore/Main/Compressed/Rle",
    814733472,
    848868929.600000,
    1802920440
],
[
    "Pool/ColumnStore/Main/Compressed/Sparse",
    42122568,
    50712905.810218,
    276204608
],
[
    "Pool/ColumnStore/Main/Dictionary/RoDict",
    422518585,
 ...