前台代碼
<div class="layui-fluid">
<div class="layui-form" lay-filter="LAY-table-1" lay-id="test">
<div class="layui-table-box" id="table-box">
<table lay-filter="parse-table-demo">
<thead>
<tr>
<th lay-data="{type:'checkbox', fixed:'left'}"><input type="checkbox"></th>
<th lay-data="{field:'date_num', width:80}">編號</th>
<th lay-data="{field:'user_name', minWidth:140}">姓名</th>
<th lay-data="{field:'birthday', minWidth:140}">出生日期</th>
</tr>
</thead>
<tbody>
{foreach $data as $key => $item}
<tr>
<td><input type="checkbox"></td>
<td>{$key + 1}</td>
<td>{notempty name="$item.id"}{$item.user_name}{/notempty}</td>
<td>{notempty name="$item.id"}{$item.birthday}{/notempty}</td>
<td>{notempty name="$item.id"}{$item.nationality}{/notempty}</td>
</tr>
{/foreach}
</tbody>
</table>
</div>
</div>
</div>
js 初始化
<script>
layui.use(['table','form'], function(){
var table = layui.table,
form = layui.form
//加載數據
loadIndex = layer.msg('讀取中,請稍候...', {icon: 16,time:1000});
//展示出來
setTimeout(function(){
$("#table-box").show();
},500)
table.init('parse-table-demo', {
limit:"{$data | count}"
,title:"人員名單"
,toolbar: '#toolbarDemo' //開啟頭部工具欄,並為其綁定左側模板
,defaultToolbar: ['filter', 'exports', 'print', { //自定義頭部工具欄右側圖標。如無需自定義,去除該參數即可
title: '提示'
,layEvent: 'LAYTABLE_TIPS'
,icon: 'layui-icon-tips'
}]
});
});
</script>
修改導出配置文件