<script src="http://code.jquery.com/jquery.min.js"></script>

<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet" type="text/css" />

<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />

<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap.js"></script>

<link href="http://www.datatables.net/release-datatables/media/css/demo_table.css" rel="stylesheet" type="text/css">

<script src="http://www.datatables.net/release-datatables/media/js/jquery.dataTables.js" type="text/javascript"></script>

<script type="text/javascript">

    $(document).ready

    (

            function ()

            {

                $('#TableHere').html( '<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>' );

                $('#demo').html('<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>');

                $('#example').dataTable({

                    "aaData": [

                        ['Internet Explorer', '8.0', '14038'],

                        ['Andriod', '2.3.7', '20'],

                        ['Safari', '4.1', '18'],

                        ['BlackBerry Browser', 'Unknown', '16'],

                        ['Safari', '4.0', '12'],

                        ['Mobile Safari', '7.0', '10'],

                        ['Chrome', '17.0', '6'],

                        ['Firefox', '5.0', '4'],

                        ['Firefox', '2.0', '2'],

                        ['Opera', '12.10', '2']

                    ],

                    "aoColumns": [

                        {"sTitle": "Browser Name"},

                        {"sTitle": "Browser Version"},

                        {"sTitle": "Total"}

                    ]

                });

​

            }

    );

</script>

<div class="container-fluid">

    <div class="row-fluid">

        <div class="row-fluid">

            <a href="#bTable" class="block-heading" data-toggle="collapse">Browser User Agent Table</a>

            <div id="bTable" class="block-body collapse in">

                <div id="TableHere">

                </div>

            </div>

        </div>

    </div>

</div>

​

​