jquery datatable 实例操作

 var dataTables = $(".table").dataTable({
                    data: d,//为ajax的值,没有直接用插件自带的请求数据方式,个人data的方式好控制一些
                    columns: [{//设置表格内容
                        sDefaultContent: "",//默认值
                        data: "Id",//对应数据json的key
                        bVisible: false //此列不显示
                    }, {
                        title: "名称",
                        data: "Name",              class:"",//设置当前td的class值               render: function (data, type, full) { //自定义模块的内容,data为key对应的Name的值,full为所有的值                return "<div title=‘" + data + "‘ > " + data + "</div>"; //可以通过设置div的宽来防止无法设置表格td的宽,并且可以添加title              }
                    }],
                    //"columnDefs": [{//设置 编辑按钮
                    //    "targets": [3],
                    //    "data": "id",
                    //    "render": function (data, type, full) {
                    //        return "<a class=‘updata‘ href=‘#‘ >编辑</a>";
                    //    }
                    //}],
                    bPaginate: false, //是否显示(应用)分页器
                    bInfo: false, //是否显示页脚信息,DataTables插件左下角显示记录数
                    bSort: true, //是否启动各个字段的排序功能
                    aaSorting: [[0, ‘asc‘]],//默认排序列
                    bSelectAll: false,
                    fnCallback: function () { },
                    //oPageSize: 10,
                    //oSortType: "desc",
                    //oSortCol: "proName",
                    bProcessing: true,
                    oLanguage: {//多语言配置
                        "sProcessing": "正在加载中......",
                        "sLengthMenu": "每页显示 _MENU_ 条记录",
                        "sZeroRecords": "对不起,查询不到相关数据!",
                        "sEmptyTable": "表中无数据存在!",
                        "sInfo": "当前显示 _START_ 到 _END_ 条,共 _TOTAL_ 条记录",
                        "sInfoFiltered": "数据表中共为 _MAX_ 条记录",
                        "sSearchPlaceholder": "?? 查找",//搜索框内占位符
                        "sSearch": "",//搜索框前的字体
                        "oPaginate": {
                            "sFirst": "首页",
                            "sPrevious": "上一页",
                            "sNext": "下一页",
                            "sLast": "末页"
                        }
                    }
                });
时间: 2024-12-13 16:50:32

jquery datatable 实例操作的相关文章

jQuery Datatable 实用简单实例

目标: 使用jQuery Datatable构造数据列表,并且增加或者隐藏相应的列,已达到数据显示要求.同时,jQuery Datatable强大的功能支持:排序,分页,搜索等. Query Datatable能良好支持数据完全加载到本地后构建数据列表,排序.分页.搜索等功能就会自带,不需要我们去关心,在此主要说明通过后台动态的加载数据,已达到在大数据面前提高效率的效果. 1. 通过后台进行分页 2. 通过后台进行排序 3. 通过后台进行搜索 具体使用方法: 1. 首先构建我们需要的数据列表,以

jquery datatable 常用例子

在项目中经常用到DataTable,如果DataTable使用得当,不仅能使程序简洁实用,而且能够提高性能,达到事半功倍的效果,现对DataTable的使用技巧进行一下总结. 一.DataTable简介 (1)构造函数           DataTable()   不带参数初始化DataTable 类的新实例.           DataTable(string tableName)  用指定的表名初始化DataTable 类的新实例.           DataTable(string

JQuery dataTable 扩展+Ajax Post,Get一些基本操作(一)

首先, Asp.net MVC 系列暂时没有发现封装好的 类似于web form 的datagrid, 只有一款Jquery 的dataTable , 官网地址 http://www.datatables.net, 接下来讲解一下关于自己在项目中对datatable进行扩展的一些实例.(first,Asp.net MVC have not packaging control similar the web form datagrid , and  now   i just konw Jquery

【JavaScript】jQuery Ajax 实例 全解析

jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯. 废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. url (String) :

jQuery Ajax 实例 ($.ajax、$.post、$.get)

Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了. 推荐一篇不错的jQuery Ajax 实例文章,忘记了可以去看看,地址为:http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.html 和 http://www.w3school.com.cn/jquery/ $.post.$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax() 一.$

jQuery Ajax 实例 ($.ajax、$.post、$.get)转

Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了. 推荐一篇不错的jQuery Ajax 实例文章,忘记了可以去看看,地址为:http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.html 和 http://www.w3school.com.cn/jquery/ $.post.$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax() 一.$

jquery.datatable插件从数据库读取数据

一.分页 分页的基本思想是根据datatable的页码及每页显示的行数,将数据从数据库分段提出,然后再填充到表格中,以达到分页的效果. 这里需要用到datatable插件的几个属性: "sEcho":这个属性需要原封不动地传回给datatable,具体的作用我也不清楚,但是根据它值的变化情况来看,好像是一个操作次数的计数(之前我一直把它当做是pageindex来用,结果发现,不论我在datatable中是翻下一页还是翻上一页,它一直在增加.) "iDisplayStart&q

jquery datatable 参数

jquery datatable 参数 DataTables(http://www.datatables.net/)应该是我到目前为止见过的,功能最强大的表格解决方案(当然,不计算其它整套框架中的table控件在内). 先把它主页上写的特性翻译罗列如下: 可变长度分页:动态过滤:多列排序,带数据类型检测功能:列宽度的智能处理:从多种数据源获取数据(DOM,js Array, ajax file, server-side returning):滚动配置属性:完整国际化支持: jquery UI T

Ajax-04 jQuery Ajax 常用操作

jQuery jQuery 其实就是一个JavaScript的类库,其将复杂的功能做了上层封装,使得开发者可以在其基础上写更少的代码实现更多的功能. jQuery Ajax a.概述 jQuery 不是生产者,而是大自然的搬运工 jQuery Ajax 本质是 XMLHttpRequest 或 ActiveXObject b.使用 --- 下载导入jQuery(2.+ 版本不再支持IE9以下的浏览器) jQuery Ajax常用操作 jQuery.ajax( url [, settings ]