jquery dataTable的学习

  1. 分页

    1. bPaginite:true;是否启用分页功能

    2. sPaginationType:two_button  或者full_numbers 分页风格

    3. sFirst:告诉他第一页怎么写

    4. sLast:告诉他最后一页怎么写

    5. sNext:告诉他下一页怎么写

    6. sPrevious:告诉他上一页怎么写

  2. 语言

    1. "sInfo":"共_TOTAL_页 第_START_到_END_页",

    2. "sEmptyTable":"没有数据"

    3. "sInfoFiltered":"从_MAX_条记录中搜索",

    4. "sInfoPostFix": "      底边栏的静态信息",

    5. "sInfoThousands": "我靠",//格式化信息用的

    6. "sLengthMenu":"显示<select><option>20</option><option>40</option></select>条信息"

    7. "sSearch":"搜索"

  3. 基本的命令

    1. aaSorting:参数是个数组  [[],[]]单独定义每一列的排序方式

    2. aaSortingFixed:锁定某一列的排序方式  用户不能改变

    3. iDisplayLength:规定每一页的显示数目

    4. aLengthMenu:[[两个数组要一样],[真正显示的是这个数组中的内容 最后一个是”all”]]

    5. bAutoWidth:自动调整列宽

    6. bDestroy:好比重新部署

    7. bFilter:是否启用过滤器

    8. bInfo:是否启用底边信息栏

    9. bLengthChange:就是是否启用上面那个可以方便显示几页的下拉框

    10. bProcessing:表格在处理数据时是否要显示信息

    11. sProcessing:定义表格在处理数据时要显示的信息

    12. bScrollAutoCss:是否允许显示滚动条

    13. sScrollY:表格的高度 不够的话用滚动条

    14. bScrollCollapse:当设置sScrolly时  如果数据没那么高  表格是否自适应高度

    15. bScrollInfinite:允许无限滚动  和google的图片搜索功能一样  一滚到最后就自动刷新

    16. sScrollXInner:是个百分比 实际就是表格的宽度一样

    17. sScrollX:也是百分比  实际就是水平方向滚动条件

    18. bSort:是否启用排序功能

jquery dataTable的学习,布布扣,bubuko.com

时间: 2024-10-22 03:27:59

jquery dataTable的学习的相关文章

springmvc + jquery datatable + ajax实现动态分页查询

网上关于jquery datatable的例子很多,但结合springmvc的例子很少,搞了2天才把这个弄明白,现在记录下来,作为学习笔记. 1.导入所需文件 (1) jquery.dataTables.css (2) jquery.js (3) jquery.dataTables.js 2.datatable.jsp <%@ page language="java" contentType="text/html; charset=utf-8" pageEnc

jquery源码学习

jQuery 源码学习是对js的能力提升很有帮助的一个方法,废话不说,我们来开始学习啦 我们学习的源码是jquery-2.0.3已经不支持IE6,7,8了,因为可以少学很多hack和兼容的方法. jquery-2.0.3的代码结构如下 首先最外层为一个闭包, 代码执行的最后一句为window.$ = window.jquery = jquery 让闭包中的变量暴露倒全局中. 传参传入window是为了便于压缩 传入undefined是为了undifined被修改,他是window的属性,可以被修

jQuery Moblile Demos学习记录Theming、Button、Icons图标,脑子真的不好使。

jQuery Moblile Demos学习记录Theming.Button.Icons图标,脑子真的不好使. 06. 二 / Jquery Mobile 前端 / 没有评论 本文来源于www.ifyao.com禁止转载!www.ifyao.com 一CSS Framework块 Theming 是一个整体了解默认主题和内置的A-E主题各个效果.待解决问题,自定义主题,下边是一个知识点. http://www.w3cschool.cc/jquerymobile/jquerymobile-them

jQuery Moblile Demos学习记录Panel

jQuery Moblile Demos学习记录Panel 11. 二 / Jquery Mobile / 没有评论 本文来源于www.ifyao.com禁止转载!www.ifyao.com 我就简短的总结一下: Panel位置:data-position属性控制:值:left,right, 显示方式:data-display属性   值:reveal默认在页面之下,overlay页面上,push和页面统一,将页面推开. Panel应该放在header,content,footer之前或者之后,

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

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

分享在MVC3.0中使用jQuery DataTable 插件

前不久在网络上看见一个很不错的jQuery的DataTable表格插件.后来发现在MVC中使用该插件的文章并不多.本文将介绍在MVC3.0如何使用该插件.在介绍该插件之前先简单介绍一下,推荐该插件的原因.在项目中我使用jqgrid比较多.但是发现当进行样式调整时jqgrid的样式常常会让美工头疼.而datatable插件却是一个轻量级的jQuery插件.当我通过浏览器查看该js插件rander后的源码.发现只是一个简单的html table,非常简洁.那么在没有特殊要求的情况下使用这个插件,开发

jQuery Datatable 实用简单实例

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

菜鸟的jQuery源码学习笔记(二)

jQuery对象是使用构造函数和原型模式相结合的方式创建的.现在来看看jQuery的原型对象jQuery.prototype: 1 jQuery.fn = jQuery.prototype = { 2 //成员变量和方法 3 } 这里给原型对象起了一个别名叫做jQuery.fn.要注意的是这个jQuery.fn可不是jQuery对象的属性,而是jQuery构造方法本身的属性,它是不会传给它所创建的对象的.如果你在控制台敲$().fn的话输出的结果会是undefined.接下来看看原型对象里面有些

jquery源码学习(一)core部分

这一部分是jquery的核心 jquery的构造器 jquery的核心工具函数 构造器 jQuery = function( selector, context ) { // The jQuery object is actually just the init constructor 'enhanced' // Need init if jQuery is called (just allow error to be thrown if not included) return new jQu