关于layui数据表格的自定义列问题

layui数据表格,有时候某列是由其他列的值相加或者拼接而成,并非后台数据字段直接映射而成,这时候需要用到layui的模板:laytpl。 

laytpl资料参考:https://www.layui.com/doc/modules/laytpl.html

如下截图:关于layui数据表格的自定义列问题

使用方法:1)

,{field:'diseaseDate',align:'center',title: '发病时间', sort: true,templet: '#diseaseDateTpl'}

需要处理的列加:templet: '#diseaseDateTpl'

2)

<script type="text/html" id="diseaseDateTpl">
    {{#  if(d.diseaseMonth != null && d.diseaseDay != null && d.diseaseHour != null && d.diseaseMonth != ''&&d.diseaseDay != ''&& d.diseaseHour != ''){ }}
        <span>{{d.diseaseMonth}}-{{d.diseaseDay}}-{{d.diseaseHour}}</span>
    {{#  } else { }}
        <pan>-</pan>
    {{#  } }}
</script>

3)截图:关于layui数据表格的自定义列问题

 

4)说明:语法

  1. {{#   你的判if(****)断内容  { }}
    1. 符合条件就输出
  2. {{#  } else { }}
    1. 否则输出
  3. {{# } }}