layui table中渲染html對象

第一種

<script type="text/html" id="see-bar">
<a class="layui-btn layui-btn-primary layui-btn-xs " data-id="{{d.id}}" onclick="see(this)" lay-event="See" style="color:#2880cb">{{d.card_number}}</a>
</script>

 

table.render({

。。。

 , cols: [[

 , { width: '13%', title: '卡片編號', align: 'center', rowspan: '1', toolbar: '#see-bar' }

]]

。。。

});

第二種

, cols: [[
{ type: 'numbers', title: '序號', width: '15%' }

, {
title: '操作', width: '20%', align: 'center', rowspan: '1', templet: function (d) {
var html = '<a class="layui-btn layui-btn-primary layui-btn-xs " lay-event="edit" style="color:#2880cb">修改</a>';
if (d.state == 0)
html += '<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="disable" style="color:#2880cb">禁用</a>';
else
html += '<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="enable" style="color:#2880cb">啟用</a>';
return html;
}
}

]]