关于datatable 的学习
关于datatable 的学习
丁建祥 发表于1年前
关于datatable 的学习
  • 发表于 1年前
  • 阅读 7
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 新注册用户 域名抢购1元起>>>   

最近用到datatable 排序的问题,总结以下:

1.bSort属性定义整个表格是否排序,在初始化的时候定义

$(document).ready(function({

        $("#tableForm").dataTable({

         "bSort":false

       })

});

2.bSortable定义那一列需要排序

$(document).ready(function({

        $("#tableForm").dataTable({

            "aoColumns":[

              {bSortable:"false"},

             null

            ]

       })

});

 

3.aaSorting 初始化的时候 选择以怎样的规则排序

$(document).ready(function(){

    $("#exampleTable").dataTable({

     "aaSorting":[[2,''desc''],[3,,''asc'']]

    });

});

4asSorting 设置哪一行的排序

$(document).ready(function(){

    $("#exampleTable").dataTable({

    "aoColumns":[

       null,

      {"asSorting":["asc"]},

      {"asSorting":["asc","desc","asc"]}

    ]

    });

});

datatables其他常见的属性:

"searching": true,是否可搜索
        "processing": true,显示正在加载
        "ifo":true,展示信心
        "serverSide": true,服务器模式
        "displayStart": 20,从哪条数据开始
        "ajax": {
                 url:"/datatable/listdata",请求链接
                 data:{"name":$("#name").val(),"columLength":2}
                },
         "columns":[
                   {"data":"name"},
                   {"data":"all_name"}
                   ],
        "footerCallback": function( tfoot, data, start, end, display ) {
            var t=$(tfoot).find('th');
             $(tfoot).find('th').eq(2).html( "Starting index is "+start );
           },
          "createdRow": function( row, data, dataIndex ) {
             if ( data['name'] == "全国组织机构代码管理中心" ) {
             //  alert(data['name'])
             }
           },
          "initComplete": function( settings, json ) {
          //  alert("表格加载结束");
           },
          dom: 'Bfrtip',
         buttons: ['colvis', 'excel', 'print']
    } );
   /*  setInterval( function () {
        table.ajax.reload();//页面重载
    }, 3000 ); */
    /*  setInterval( function () {
     table.page( 'next' ).draw( false );跳转到下一页
}, 3000 ); */
    // table.page.len(20).draw( false );//设置表格长度
    
      
      /* table.on( 'xhr', function () {//当发送ajax请求时
            var json = table.ajax.json();
            alert( json);
            alert( json.data.length +' row(s) were loaded' );
        } ); */
     /* var data = table.ajax.params();
        alert(data.draw); */
     /*  setInterval( function () {
     table.clear().draw();//清除,只有非服务器模式才可以用
      }, 3000 );  */
    table.settings();
    $('#example tbody').on( 'click', 'td', function () {
        $(this).next().html(table.cell( this ).data());
       // alert(  );
    } );
    
    $('#example tbody').on( 'click', 'td', function () {
        alert(table.cell(this).index().row);
        
    });
    
    table.on( 'search.dt', function () {搜索事件
      
    } );
} );
 $('#myInput').on( 'keyup', function () {搜索
    table.search( this.value ).draw();//搜索
} ); 
 

http://www.myexception.cn/web/1833549.html。

标签: datatable 排序
共有 人打赏支持
粉丝 0
博文 48
码字总数 7878
×
丁建祥
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: