layui 对table中的数据进行转义的实例

方法一 通过done回调进行遍历：

//方法级渲染
    table.render({
      id: \'demoList\',
      elem: \'#demoList\'
      , url: \'showDemoList\'
      , cols: [[
        {checkbox: true, fixed: true, width: \'10%\'}
        , {field: \'id\', title: \'编号\', width: \'15%\', sort: true}
        , {field: \'pipe_id\', title: \'机构ID\', width: \'15%\'}
        , {field: \'bank_id\', title: \'银行ID\', width: \'10%\'}
        , {field: \'pipe_cost\', title: \'成本\', width: \'10%\'}
        , {field: \'status\', title: \'状态\', width: \'20%\'}
        , {field: \'remark\', title: \'操作\', width: \'20%\', toolbar: \'#toolBar\'}
      ]],
      done: function (res, curr, count) {
        //如果是异步请求数据方式，res即为你接口返回的信息。
        //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
        $(\"[data-field=\'status\']\").children().each(function () {
          if ($(this).text() == \'0\') {
            $(this).text(\'有效\');
          } else if ($(this).text() == \'1\') {
            $(this).text(\'无效\');
          }
        });
      }
      , page: true
      , height: \'full-83\'
    });

方法二 通过layui的templet模板实现：

 , {field: \'status\', title: \'状态\', width: \'20%\',templet:\'#status\'}
 
<script type=\"text/html\" id=\"status\">
  {{# if(d.status==\'0\'){ }}
  有效
  {{# }else{ }}
    无效
  {{# } }}
</script>

以上这篇layui 对table中的数据进行转义的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。