layui数据表格的td模板

Posted ```...简单点

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layui数据表格的td模板相关的知识,希望对你有一定的参考价值。

1.常用操作模板

<script type="text/html" id="userbar"> <a class="layui-btn layui-btn-xs" lay-event="detail">查看</a>
<a class="layui-btn layui-btn-xs" lay-event="change">修改</a>
{{#
var statusBut= function(date){
if(date==0){
return ‘<a class="layui-btn layui-btn-xs" lay-event="edit">配置</a>‘;
}else if(date==1){
return‘<a class="layui-btn layui-btn-xs" lay-event="edit">禁用</a>‘;
}else if(date==2){
return ‘<a class="layui-btn layui-btn-xs" lay-event="edit">启动</a>‘;
}
}
}}
{{ statusBut(d.status)}}
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>

2.时间格式转换模板

<script type="text/html" id="TimeTpl">
{{#
var parseDate= function(date){
if(date){
var t=new Date(date);
return t.getFullYear()+"-"+(t.getMonth()+1)+"-"+t.getDate()+" "+t.getHours()+":"+t.getMinutes();
}
}
}}
{{parseDate(d.updateTime)}}
</script>

3.状态转换模板

<script type="text/html" id="statusTpl">
{{#
var statusTxt= function(date){
if(date==0){
return "未配置";
}else if(date==1){
return "启动";
}else if(date==2){
return "禁用";
}
}
}}
{{ statusTxt(d.status)}}
</script>

 

以上是关于layui数据表格的td模板的主要内容,如果未能解决你的问题,请参考以下文章

layui表格模板重复数据为undefined的问题

layui表格模板重复数据为undefined的问题

layui表格模板重复数据为undefined的问题

Layui:数据表格table中预览图片视频

layui表格-template模板的三种用法

layui 表格如何调用update