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参数里编辑，例如：