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

大城市里の小女人 提交于 2020-08-06 14:49:43

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-其它方法
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!