dataTable可以做的事情

dt.thxopen.com/example/

$(document).ready(function(){
    $("#example").dataTable({
        //功能启用|禁用
        "paging": false,
        "ordering": false,
        "info": false,
        
        //默认排序
        "order": [[3,"desc"]],    //对第四列按照降序排序,(升序asc)
        
        columnDefs: [{
            targets: [ 0 ],
            orderData: [ 0, 1 ]    //按第一列排序,有相同数据则按照第二列排序
        },{
            targets: [ 1 ],
            orderData: [ 1, 0 ]     //按第二列排序,有相同数据则按第一列排序
        }]
        //多列排序没用,隐藏列没用
    });
})


         使用<tr>

                 <th rowspan="2">Name</th>         

                 <th colspan="2">Information</th>

                 <th colspan="3">Contact</th>

             </tr>

             <tr>

                <th>position</th>

                <th>....</th>

             </tr>

         进行上下两行区分


        表格可以自适应

        paging分页样式可以有四种,

        表格可以添加垂直滚动条

        格式化数字显示格式    //不起作用    

        为所有使用dataTable()的table做默认设定:$.fn.dataTable.defaults()

你可能感兴趣的:(排序,Datatable,自适应)