layui前端框架是我一直在使用，也很好用。

今天記錄一下，templet渲染layui表格數(shù)據(jù)的三種方式。

第一種：直接渲染(對(duì)于表格數(shù)據(jù)樣式要求不高)

直接在動(dòng)態(tài)表格字段聲明，添加templet屬性，在其后面加上簡(jiǎn)單html代碼。({{d.name}}這個(gè)是layui內(nèi)置的模板輸出){ field: 'name',width: 180,align:"center",title: '用戶名',

templet:"

{{d.name}}"}},

第二種：先處理數(shù)據(jù)再顯示(適用于數(shù)據(jù)進(jìn)一步優(yōu)化)

在script聲明函數(shù)，例如下面：將時(shí)間戳數(shù)據(jù)(10位數(shù))改為時(shí)間格式function formatDate(timestamp) {

var now = new Date(timestamp*1000);

var year=now.getFullYear();

var month=now.getMonth()+1;

var date=now.getDate();

var hour=now.getHours();

var minute=now.getMinutes();

var second=now.getSeconds();

return year+"-"+month+"-"+date+" "+hour+":"+minute+":"+second;

}

在添加上面執(zhí)行代碼，如下：{ field: 'time',width: 180,align:"center",title: '訪問(wèn)時(shí)間',

templet: function (d){

return formatDate(d.time);

}},

最終顯示：2019-8-5 18:3:3

第三種：使用layui內(nèi)置數(shù)據(jù)模板(適合精美的樣式)

直接在動(dòng)態(tài)表格字段聲明，添加templet屬性，并設(shè)置值為要訪問(wèn)script標(biāo)簽的ID{ field: 'status', title: '是否開啟',templet: '#statusFun' },

上面那個(gè)'#statusFun'，鏈接的是下面代碼：

{{# if(d.status == 1){ }}

開啟

{{# } else { }}

開啟

{{# } }}

總結(jié)

以上是生活随笔為你收集整理的layui根据条件显示列_templet渲染layui表格数据的三种方式的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。