DataTables

DataTables Examples

HTML

<link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.3/css/jquery.dataTables.css">

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>
<script src="http://cdn.datatables.net/plug-ins/9dcbecd42ad/sorting/time.js"></script>

<body>        
<table id="myTable" class="dataTable">
    <thead>
        <tr>
            <th>Names</th>
            <th>Values</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Jack</td>
            <td><span title="9.7 %	m.facebook.com
5.4 %	linkedin.com
4.9 %	facebook.com
4.3 %	reddit.com
4.3 %	twitter.com
1.6 %	google.com
">30.3</span></td>
        </tr>
        <tr>
            <td>James</td>
            <td><span title="8.7 %	reddit.com
3.8 %	twitter.com
">12.5</span></td>
        </tr>
        <tr>
            <td>Jimmy</td>
            <td><span title="80.0 %	linkedin.com
">80.0</span></td>
        </tr>
        <tr>
            <td>John</td>
            <td><span title="9.5 %	reddit.com
9.5 %	linkedin.com
4.8 %	twitter.com
">23.8</span></td>
        </tr>
    </tbody>
</table>
</body>

JavaScript

$(document).ready(function() {
    $('#myTable').dataTable();
});