ajax 参数中render,渲染(处理)数据显示在表格中(columns.render) 选项(option) 参考(reference) Datatables 中文网...

本文详细介绍了Datatables的columns.render选项,用于处理和显示表格中的数据。它允许对从数据源获取的数据进行格式化、字符串替换等操作。通过使用不同的数据类型,如integer、string和function,可以实现对数据的正交处理,适用于不同场景,如排序、过滤和显示。示例展示了如何使用render函数创建逗号分隔的字符串、格式化电话号码、创建超链接以及处理长字符串等。
摘要由CSDN通过智能技术生成

columns.render

起始版本号: 1.10.0

渲染(处理)数据显示在表格中

说明

这个属性可以操作从数据源读取到的数据。

columns.dataOption

columns.renderOption

比较像,可以说前者是只读,后者稍微复杂点可以读可以写。

columns.renderOption

可以看做为把请求过来的数据做进一步的处理,

比较常见的操作有格式化、字符串替换、字符串截取等等其他处理数据的方式。

Datatables把不同数据的不同操作叫做 orthogonal-data(正交数据),

并允许不同形式的相同数据做不同的操作(例如,日期字段给用户是以'yyyy-MM-dd hh:mi:ss'格式显示和搜索,

但是以long型作为排序)

undefinedType

- 当值未定义时,

columns.defaultContentOption

将会替换作为默认的值去显示.

如果又是undefined又没有定义这个则会得到一个错误

nullType

- 当值为null时,

columns.defaultContentOption

将会替换作为默认值去显示.

如果没有设置默认值则会以一个空的字符串显示 。

nullType

将会被用作其他所有数据类型

functionType

- 方法将执行,返回函数执行后的值。自Datatables 1.10.1起,这个方法返回的数据将会做为这一行的数据源。

详细的参考下面给出的示例代码

Array access(数组使用)

当使用如下格式的数据时,该选项可以访问数据中多个和一个元素。你需要理解这两种不同形式之间的区别。

使用这个数组里一个或者多个属性 - 使用 []符号

只获得数组里的一个元素 - 使用点符号 - e.g. .0

访问数组的第一个元素

看如下结构的数据:

"access": [

{ "id": "1", "name": "Printer" },

{ "id": "3", "name": "Desktop" },

{ "id": "4", "name": "VMs" }

]

显示 name

属性在单个的 cell中,使用 access[, ].name -

将会得到使用 ,连接的字符串 - e.g.

在这个情况下结果将是 Printer, Desktop, VMsString

显示单个的属性,使用 .{index}.还是以上面的数据结构,现在要显示数组里的一条数据里的name,

使用 access.0.name - e.g. 在这个情况下得到的结果是 Printer

数据类型(Type)

integer

描述:

作为数组索引的数据来源,Datatables默认(每一列递增)

string

描述:

从数据源中读取一个对象属性。有是三个特殊的选项可以改变Datatables读取数据源中的对象:

. - 点,是JavaScript中的符号. 就像你是用 .来获取JavaScript嵌套对象一样,

所以你也可以在Datatables中的optiondata同样使用,

比如

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值