SOURCE

console 命令行工具 X clear

                    
>
console
let tableId = "listTable"

let dict = [
    { value: 0, label: "否", color: "red" },
    { value: 1, label: "是", color: "blue" },
]
let data = [
    { input_val: "文本框1", dict_val: "0", date_val: "2020-01-05 11:10:30", total_val: 10 },
    { input_val: "文本框1", dict_val: "1", date_val: "2020-01-04 11:20:30", total_val: 20 },

]


let cols = [[
    { type: 'numbers', fixed: 'center' },
    { field: 'input_val', title: '文本框' },
    { field: 'dict_val', title: '字典值', dict },
    { field: 'date_val', title: '日期值', dateFormat: true },
    { field: 'date_val', title: '日期值', dateFormat: "yyyy-MM-dd HH:mm" },
    {
        field: 'total_val', title: '合计值', totalRow: true, totalRowFormatter(rows) {
            return rows.map(o => o.total_val).reduce((o1, o2) => o1 + o2) + "次"
            // return "格式化后的值"
        }
    },

]]

table.render({
    id: tableId,
    elem: '#' + tableId,
    height: 'full-150',
    totalRow: true,
    data,
    cols,
});
<div class="layui-card">
    <div class="layui-card-header">列值格式化</div>
    <div class="layui-card-body">
        <table id="listTable" lay-filter="listTable" ></table>
    </div>
</div>

本项目引用的自定义外部资源