layui表格多字符串拼接使用templet方法

前端 0 1823
小小草
小小草 2022年5月4日 10:37 发表

layui表格多字符串拼接使用templet方法

layui.use('table', function() {
var $ = layui.$;
var table = layui.table;
table.render({
elem : '#layListId',
id : 'layTableId',
//url : 'template/json/table.json',
url : '/sh/qzcx',
title : '维修保养报',
// cellMinWidth: 100,
cols : [ [{
field : 'street',
title : '街道/小区',
// unresize: true,
align : 'center',templet:"<span>{{d.area}} {{d.street}}</span>"
// minWidth: 120
}, {
field : 'diagnosisDate',
// minWidth: '10%',
// unresize: true,
align : 'center',
title : '确诊日期',templet:"<div>{{layui.util.toDateString(d.diagnosisDate, 'MM月dd日')}}</div>",
style:"color:red",
// minWidth: 90
}, {
field : 'controlType',
title : '类型推算',
// minWidth: '20%',
// unresize: true,
align : 'center',
toolbar: '#itemTpl',
style:"font-weight: bold;",
// minWidth: 90
}, {
field : 'unsealingDate',
title : '预计解封',
// minWidth: '10%',
// unresize: true,
align : 'center',
templet:"<div>{{layui.util.toDateString(d.unsealingDate, 'MM月dd日')}}</div>",
// style:"color:green",minWidth: 90
} ] ], page: true, limit: 10 //每页默认显示的数量
, limits: [10, 20, 40] //分页条数
, done: function (res, curr, count) {
//当无数据时显示内容
if (res.count == 0) {
$(".layui-table-main").html('<div class="layui-none" style="color:#FFB800;font-weight: bold;">未查询到任何信息,您可以换个条件试试幺!</div>');
}

//解决操作栏因为内容过多换行问题
$(".layui-table-main tr").each(function (index, val) {
$($(".layui-table-fixed-l .layui-table-body tbody tr")[index]).height($(val).height());
$($(".layui-table-fixed-r .layui-table-body tbody tr")[index]).height($(val).height());
});
}
});


点赞 0 收藏(0)    分享
相关标签: 笔记
问题没解决?让AI助手帮你作答 AI助手
0 个评论
  • 消灭零评论