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

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

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

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

templet:"

{{d.name}}"}},

第二種：先處理數據再顯示(適用于數據進一步優化)

在script聲明函數，例如下面：將時間戳數據(10位數)改為時間格式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;

}

在添加上面執行代碼，如下：{ field: 'time',width: 180,align:"center",title: '訪問時間',

templet: function (d){

return formatDate(d.time);

}},

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

第三種：使用layui內置數據模板(適合精美的樣式)

直接在動態表格字段聲明，添加templet屬性，并設置值為要訪問script標簽的ID{ field: 'status', title: '是否開啟',templet: '#statusFun' },

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

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

開啟

{{# } else { }}

開啟

{{# } }}

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。