前端 —— DataTable —— Columns + Column Defs 选项Options
Columns
data
columns.dataOption
设置列的数据源,即如何从整个Table的数据源(object / array)中获得
class
orderable
columns.render
columns.render:在列上处理数据的函数,可以再次自定义显示内容
可以看做为把请求过来的数据进一步处理,比较常见的操作有:格式化、字符串替换、字符串截取、依据返回数据展示不同的css样式等。
触发时间:columns.render()是在row里边的cell渲染时触发的,执行也是相对于cell。渲染与创建存在区别。
columns.render 1 (添加checkbox)
http://datatables.club/manual/daily/2016/04/25/option-columns-render1.html
columns.render 2(添加自定义按钮)
http://datatables.club/manual/daily/2016/04/26/option-columns-render2.html
columns.render 3(url变超链接、图片显示、值替换)
http://datatables.club/manual/daily/2016/04/27/option-columns-render3.html
columns.render 4(时间格式化、内容太多优化显示、一列显示多列值)
http://datatables.club/manual/daily/2016/04/28/option-columns-render4.html
columns.createdCell
从ajax数据源或dom数据源读取数据创建单元格执行的回调函数。当单元格被创建的同时允许使用columns.render选项补充操作单元格的dom元素。
接受参数:function createdCell( cell, cellData, rowData, rowIndex, colIndex )
cell:已经创建的td节点
cellData:单元格数据,是来自于数据源里没有被修改过的原始数据。
rowData:整行数据对象,可能是Object或Array。
rowIndex:DataTables内部的行索引
colIndex:DataTables内部的列索引
实际问题解决