文档章节

关于datatable 的学习

 丁建祥
发布于 2016/12/05 09:49
字数 370
阅读 8
收藏 0

最近用到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。

© 著作权归作者所有

共有 人打赏支持
粉丝 2
博文 67
码字总数 28522
作品 0
青岛
私信 提问
几个和DataTable相关的函数

一、关于本文 本文中的DataTableHelper类包括了4个操作DataTable的函数,分别是 1)public static DataTable GetTestDataTable() 这是一个测试用的函数,生成一个有内容的DataTable 2)publi...

北风其凉
2014/08/05
0
0
C# LINQ学习(3个例子)

本文中的内容是3个学习LINQ写时的代码段 场景1:对打乱顺序的诗句进行排序 按DataTable的列Number,对DataTable中的行进行排序,最后按序输出Content列 场景2:将分放在两个DataTable中的诗句...

北风其凉
2014/08/13
0
0
DataTable在项目中的应用

DataTable在项目中的应用 做web开发, 有的时候会用到表格,今天这里我将介绍一下DataTable, DataTable是一款jquery表格插件, 它是一个高度灵活的工具, 可以将任何HTML表格添加高级的交互功能...

陈小扁
2016/03/31
83
0
[UE4]引擎自身提供的一种夸平台读写Excel的组件:DataTable

UE4自身提供的一种读写文件的组件:UDataTable。好处就是不用自己写fopen、fclose等 c++ stl API相关的逻辑,避开不同平台的差异;坏处就是你想要的功能DataTable没有实现,那么还得用fopen...

robslove
2016/08/11
53
0
EasyUI的Datagrid,存在标题合并,数据合并,如何实现导出到EXCEL且所见即所得?

@____′↘夏悸 你好,想跟你请教个问题: 看到你发表的很多关于EasyUI的扩展功能日志,对我帮助很大,非常感谢! 今天想问的是,在对DataGrid进行单元格合并后,如“标题有合并”,“连续的相...

落阳
2013/02/28
8.8K
2

没有更多内容

加载失败,请刷新页面

加载更多

deepin中配置robot framework环境

本文永久更新地址:https://my.oschina.net/bysu/blog/2989005 【若要到岸,请摇船:开源中国 不最醉不龟归】 1.在终端中输入pip,回车,如果提示没有该命令,则先安转pip sudo apt-get inst...

不最醉不龟归
30分钟前
2
0
OSChina 周日乱弹 —— 钱不还,我就当你人不在了

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @莱布妮子 :分享Bigleaf的单曲《小鹿》 《小鹿》- Bigleaf 手机党少年们想听歌,请使劲儿戳(这里) 周日在家做什么? 做手工呀, @poorfis...

小小编辑
今天
101
4
EOS docker开发环境

使用eos docker镜像是部署本地EOS开发环境的最轻松愉快的方法。使用官方提供的eos docker镜像,你可以快速建立一个eos开发环境,可以迅速启动开发节点和钱包服务器、创建账户、编写智能合约....

汇智网教程
今天
20
0
《唐史原来超有趣》的读后感优秀范文3700字

《唐史原来超有趣》的读后感优秀范文3700字: 作者:花若离。我今天分享的内容《唐史原来超有趣》这本书的读后感,我将这本书看了一遍之后就束之高阁了,不过里面的内容一直在在脑海中回放,...

原创小博客
今天
29
0
IC-CAD Methodology知识图谱

CAD (Computer Aided Design),计算机辅助设计,指利用计算机及其图形设备帮助设计人员进行设计工作,这个定义同样可以用来近似描述IC公司CAD工程师这个岗位的工作。 早期IC公司的CAD岗位最初...

李艳青1987
今天
39
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部