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){
             
           }
       });