文档章节

关于datatable 的学习

 丁建祥
发布于 2016/12/05 09:49
字数 370
阅读 7
收藏 0
点赞 0
评论 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。

© 著作权归作者所有

共有 人打赏支持
粉丝 1
博文 51
码字总数 7902
作品 0
青岛
几个和DataTable相关的函数

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

北风其凉 ⋅ 2014/08/05 ⋅ 0

C# LINQ学习(3个例子)

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

北风其凉 ⋅ 2014/08/13 ⋅ 0

DataTable在项目中的应用

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

陈小扁 ⋅ 2016/03/31 ⋅ 0

C#处理JSON数据

每次写博客,第一句话都是这样的:程序员很苦逼,除了会写程序,还得会写博客!当然,希望将来的一天,某位老板看到此博客,给你的程序员职工加点薪资吧!因为程序员的世界除了苦逼就是沉默。...

天才小龙 ⋅ 01/05 ⋅ 0

[UE4]引擎自身提供的一种夸平台读写Excel的组件:DataTable

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

robslove ⋅ 2016/08/11 ⋅ 0

EasyUI的Datagrid,存在标题合并,数据合并,如何实现导出到EXCEL且所见即所得?

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

落阳 ⋅ 2013/02/28 ⋅ 2

C# 代码生成器

最近今天没事研究了一下关于动软生成器的代码,无奈没有找到关键的部分;今天就把我对获取数据结构的部分代码公布出来,仅供那些想了解的这部分代码的人参考: 关于这个程序大概分为两个部分...

月亮1987 ⋅ 2015/03/07 ⋅ 0

从零开始学ASP.NET(基础篇)

原作者:蓝鲸 出处:5D多媒体 学ASPNET与ASP有区别,这种区别不是语言上的,而是思路上的区别。ASP是纯面向过程的,而ASPNET是完全面向对向的。这种区别使我们在编程的结构设计上要与ASP有很...

晨曦之光 ⋅ 2012/03/09 ⋅ 0

DataTable.Compute功能

DataTable.Compute具有这么多的功能 1:聚合函数”Sum()” 2:自由计算表达式“20*30+1” 3:bool表达式“1=2” 4:IFF逻辑表达式” IIF(20>1000, 0, 1)” //还支持IsNull,Trim,SubString...

技术小胖子 ⋅ 2017/11/10 ⋅ 0

C# 将DataTable中的内容输出到Excel表格中

1.关于本文 本文描述了一个函数(SaveToExcel),该函数可以将DataTable数据内的数据输出到Excel表格中 2.相关说明 1)本文中使用这个函数将一个DataTable中的内容输出到路径名为addr的目录下...

北风其凉 ⋅ 2014/05/16 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

骰子游戏代码开源地址

因为阿里云现在服务器已经停用了,所以上面的配置已经失效。 服务端开源地址:https://gitee.com/goalya/chat4.git 客户端开源地址:https://gitee.com/goalya/client4.git 具体运行界面请参考...

算法之名 ⋅ 39分钟前 ⋅ 0

设计模式--装饰者模式

装饰者模式 定义 动态地给一个对象添加一些额外的职责。就增加功能来说,装饰模式相比生成子类更为灵活。 通用类图 意图 动态地给一个对象添加一些额外的职责。就增加功能来说,装饰模式相比...

gaob2001 ⋅ 今天 ⋅ 0

JavaScript零基础入门——(八)JavaScript的数组

JavaScript零基础入门——(八)JavaScript的数组 欢迎大家回到我们的JavaScript零基础入门,上一节课我们讲了有关JavaScript正则表达式的相关知识点,便于大家更好的对字符串进行处理。这一...

JandenMa ⋅ 今天 ⋅ 0

sbt网络问题解决方案

转自:http://dblab.xmu.edu.cn/blog/maven-network-problem/ cd ~/.sbt/launchers/0.13.9unzip -q ./sbt-launch.jar 修改 vi sbt/sbt.boot.properties 增加一个oschina库地址: [reposit......

狐狸老侠 ⋅ 今天 ⋅ 0

大数据,必须掌握的10项顶级安全技术

我们看到越来越多的数据泄漏事故、勒索软件和其他类型的网络攻击,这使得安全成为一个热门话题。 去年,企业IT面临的威胁仍然处于非常高的水平,每天都会看到媒体报道大量数据泄漏事故和攻击...

p柯西 ⋅ 今天 ⋅ 0

Linux下安装配置Hadoop2.7.6

前提 安装jdk 下载 wget http://mirrors.hust.edu.cn/apache/hadoop/common/hadoop-2.7.6/hadoop-2.7.6.tar.gz 解压 配置 vim /etc/profile # 配置java环境变量 export JAVA_HOME=/opt/jdk1......

晨猫 ⋅ 今天 ⋅ 0

crontab工具介绍

crontab crontab 是一个用于设置周期性被执行的任务工具。 周期性执行的任务列表称为Cron Table crontab(选项)(参数) -e:编辑该用户的计时器设置; -l:列出该用户的计时器设置; -r:删除该...

Linux学习笔记 ⋅ 今天 ⋅ 0

深入Java多线程——Java内存模型深入(2)

5. final域的内存语义 5.1 final域的重排序规则 1.对于final域,编译器和处理器要遵守两个重排序规则: (1)在构造函数内对一个final域的写入,与随后把这个被构造对象的引用赋值给一个引用...

江左煤郎 ⋅ 今天 ⋅ 0

面试-正向代理和反向代理

面试-正向代理和反向代理 Nginx 是一个高性能的反向代理服务器,但同时也支持正向代理方式的配置。

秋日芒草 ⋅ 今天 ⋅ 0

Spring 依赖注入(DI)

1、Setter方法注入: 通过设置方法注入依赖。这种方法既简单又常用。 类中定义set()方法: public class HelloWorldOutput{ HelloWorld helloWorld; public void setHelloWorld...

霍淇滨 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部