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

2021-02-07 19:16

阅读：435

标签：自定义函数定义函数 ret src 定义信息引入方法 html

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

1.引入util组件

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

如图:

技术图片

2.自定义函数

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

3.调用函数:

cols : [[
    {type:‘numbers‘, title: ‘序号‘},
    {type:‘checkbox‘},
    {field: ‘api‘, title: ‘接口信息‘, templet: apiFormat}, /* 调用apiFormat即可 */
]],

刷新页面即可正常显示,参考自:工具集文档 - layui.util-其它方法

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

标签：自定义函数定义函数 ret src 定义信息引入方法 html

原文地址：https://blog.51cto.com/1197822/2503400

上一篇：CSS技巧

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：layui表格(table)列中原样显示html或者xml
文章链接：http://soscw.com/index.php/essay/52294.html

亲，登录后才可以留言！