layui表格(table)列中原样显示html或者xml

layui的table组件中,动态输出html或者xml会隐藏掉标签信息,如果需要原样显示,则需要对数据进行转义操作

解决方案:

1.引入util组件

layui.use([‘form‘,‘layer‘,‘table‘,‘util‘],function(){
    var form = layui.form,
        table = layui.table,
        util = layui.util;
})

如图:

layui表格(table)列中原样显示html或者xml

2.自定义函数

// 原样显示xml或者html信息
function apiFormat(d){
    return util.escape(d.api);
}

3.调用函数:

cols : [[
    {type:‘numbers‘, title: ‘序号‘},
    {type:‘checkbox‘},
    {field: ‘api‘, title: ‘接口信息‘, templet: apiFormat}, /* 调用apiFormat即可 */
]],
  1. 刷新页面即可正常显示,参考自:工具集文档 - layui.util-其它方法