dataTable的columnDefs参数使用

dataTable的columnDefs参数使用

1,datatable的同一column显示后台返回数据的多个字段

利用columnDefs的render,其中function(data,type,row){},data读取该column对应字段的数据,row读取一整条记录,可以获取每个字段的值,因此可将两个字段衔接一起。

"columns": [

{"data": "name", "bSortable": false, "title": "项目名称"},

{"data": "project_total_invest", "bSortable": false, "title": "总投资(亿)"},

{"data": "", "bSortable": false, "title": "建设工期"}

],

"columnDefs": [

{

"render": function (data, type, row) {

return data.toFixed(2);//data是该字段的数据,这里即"project_total_invest"字段的值

},

"targets": 1

},

{

"render": function (data, type, row) {

var start="";

var end="";

if(row.plan_start_date){//row是一整行的数据,可以读取该行各字段

start=row.plan_start_date;

}if(row.plan_end_date){

end=row.plan_end_date;

}

return (start.substring(0,10)).replace(/-/g,".")+"-"+(end.substring(0,10)).replace(/-/g,".");

},

"targets": 2

}

]

2,更多用法参考:https://blog.csdn.net/zxf1242652895/article/details/78802495

——————————补充——————————

想改变表头thead的内容,可以直接在columns参数里编辑,例如:

相关推荐

合作伙伴