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同样使用,
比如