首页 > Web开发 > 详细

layui table中渲染html对象

时间:2019-09-29 15:32:40      阅读:615      评论:0      收藏:0      [点我收藏+]

第一种

<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;
}
}

]]

layui table中渲染html对象

原文:https://www.cnblogs.com/yyjspace/p/11608073.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!