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-其它方法
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章