前端常用功能记录(三)—datatables表格初始化

  • 时间:
  • 浏览:0

自定义toolbar

表格初始化的格式如下:

行回调

操纵一单元格的内容,你是什么技术可用于加上链接,基于内容的规则,需要指定颜色或任何某些形式的文本操作非常有用。

我总爱 使用的一种,一种是JavaScript 中的数组,通过在初始化对象中传递一另另另一个 多多名为 aaData 的数组,同样都还都还可不可以 提供表格数据,前缀 aa 说明这是一另另另一个 多多数组的数组,外层的数组表示表格的行,每一行同样是一另另另一个 多多数组。

使用columnDefs隐藏列

       嘴笨 上篇说的也是是否是jQuery Datatables的初始化,但主后来对某些字段意义的理解。下面记录的是datatables常用的功能的初始化。

(字段的命名都还都还可不可以 使用类型加字段名称要都还都还可不可以 直接使用如aaData,要都还都还可不可以 是data,aoColumns,要都还都还可不可以 是columns)

数据源

对于每一另另另一个 多多列对象:

本文版权归作者和博客园共有,欢迎转载,但未经作者同意需要保留此段声明,且在文章页面明显位置给出原文连接,不然我担心博客园找你算账

aoColumns 参数用来定义表格的列,这是一另另另一个 多多数组,其中的每一另另另一个 多多对象用来定义一列。

sClass 定义列的样式

多个表控制元件

DOM / jQuery events

设置表的默认属性--Setting defaults

如:

数字表达

sTitle 定义列的标题

语言取舍

垂直和水平滚动

由于您嘴笨 本文对你有帮助,请竖起您的大拇指右下角点推荐,要都还都还可不可以 关注我

分页长度取舍

传入的数据格式如下(如从数据库中读取返回的数据格式):

由于data是从后台传过来的二维数组,则data都还都还可不可以 赋值如下:

列渲染Column rendering

第二种妙招是从HTML表(而需要一另另另一个 多多Ajax或JavaScript数据源)读取数据表的内容,默认情况表下它会读取表中的信息转换为内内外部数据表的数组。每个阵列元素表示一列。

fnRender 函数用来渲染列,你是什么函数由于传递一另另另一个 多多参数对象,你是什么参数对象的 iDataColumn 属性表示当前的列索引,aData 表示当前的行数组。函数返回的结果将被填充到单元格中。