datatable是一個jquery擴充套件的表格外掛。其提供了強大的表格功能。

去掉某些預設功能：

$(function(){
    $('#dyntable2').dataTable({
        "searching" : false, //去掉搜尋框方法一
        "bFilter": false,   //去掉搜尋框方法二
        "bSort": false,  //禁止排序
        "paging": false,   //禁止分頁
        "info": false   //去掉底部文字
    });
});

設定排序規則：

$(function
 
(){
    $('#dyntable2').dataTable({
        "aaSorting": [[ 4, "desc" ]]  //以序號為4也就是第5列進行降序排列
        "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0 ] }]         //初始化datatable，但對序號為0列的列不進行排序，別的列均可進行排序
     });
});

更改表格樣式：

<table id="fwqlist" class="table table-hover table-striped" cellspacing
 
="0" width="100%">
    <thead>
        <tr>
            <th>當前狀態</th>
            <th>今日峰值</th>
            <th>今日均值</th>
        </tr>
    </thead>
</table>

<!--     table的class
class="table"       原始樣式
class="table table-striped"     隔行條紋
class="table table-bordered"      每個元素都有邊框
class="table table-hover"      滑鼠滑過變色  
-->
 

如果有什麼意見或建議，歡迎留言……^^