datatables简单使用

引入

<link href="http://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css">
<script src="http://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>

初始化

<script type="text/javascript">
$(document).ready(function(){
    $('#mytable').DataTable({
         "ordering": false
    });
});
</script>

table实例

<table id="mytable" width="100%" class="display" cellspacing="0">
                    <thead>
                    <tr>
                        <th>Rendering engine</th>
                        <th>Browser</th>
                        <th>Platform(s)</th>
                        <th>Engine version</th>
                        <th>CSS grade</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="odd gradeX">
                        <td>Trident</td>
                        <td>Internet Explorer 4.0</td>
                        <td>Win 95+</td>
                        <td class="center">4</td>
                        <td class="center">X</td>
                    </tr>
                      </tbody>
                </table>

docs

• datatables