layui table cols templet: function 表格 自定义列字段显示方法
layui table 表格 自定义列字段显示方法
table.render({
elem: '#list-table',
url: MODULE_PATH+'data/',
method: 'post',
where: form.val('filter-query-form'),
skin: 'line',
toolbar: '#list-table-toolbar',
height: 'full-180',
cols: [[
{ title: '标题', field: 'title', align: 'left'},
{ title: '类型', field: 'type', align: 'center', width: 120, templet: function (d) {
var t = '';
switch(d.type){
case 1:
t = "<span style='color: black;'>A级</span>"
break;
case 2:
t = "<span style='color: black;'>B级</span>"
break;
case 3:
t = "<span style='color: black;'>C级</span>"
break;
case 4:
t = "<span style='color: black;'>D级</span>"
}
return t;
}}
]],
page: true,
defaultToolbar: [{
layEvent: 'refresh',
icon: 'layui-icon-refresh',
}, 'exports'],
done:function(res, curr, count){
}
});