码迷,mamicode.com
首页 > 其他好文 > 详细

dataTable可以做的事情

时间:2015-05-24 19:02:09      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:1111

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()

本文出自 “Echo和你一起飞” 博客,请务必保留此出处http://5052416.blog.51cto.com/5042416/1654699

dataTable可以做的事情

标签:1111

原文地址:http://5052416.blog.51cto.com/5042416/1654699

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!