layui table中渲染html对象
第一种
<script type="text/html" >{{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" >修改</a>';
if (d.state == 0)
html += '<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="disable" >禁用</a>';
else
html += '<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="enable" >启用</a>';
return html;
}
}
]]
- 上一篇 »10条影响CSS渲染速度的写法与建议
- 下一篇 »html的块级元素和内联元素