DataTables

DataTables Examples

HTML

<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/css/jquery.dataTables.css">
<script src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/css/jquery.dataTables_themeroller.css "></script>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/jquery.dataTables.min.js"></script>
<table id="datatables">
    <thead>
        <tr>
            <th>Tema</th>
            <th>Monitoramento</th>
            <th>
                <input type="checkbox" />
            </th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Alimentos</td>
            <td>monitoramento alimentos 2</td>
            <td>
                <input type="checkbox" />
            </td>
        </tr>
        <tr>
            <td>Alimentos</td>
            <td>monitoramento alimentos 3</td>
            <td>
                <input type="checkbox" />
            </td>
        </tr>
    </tbody>
</table>

JavaScript

$(document).ready(function () {
    $('#datatables').dataTable();
    $('table th input[type=checkbox]').on('click', function (event) {
        event.stopPropagation ? event.stopPropagation() : event.returnValue = false;
    });
});