首页 前端 layui 正文

layui table 显示图片

long 2020-04-14 09:02 layui 人气157

layui table显示图片,需要定义模板。代码如下

<script type="text/html" id="imgTpl">
<img src="{{ d.imageUrl }}">
</script>

然后在js创建table的地方调用。

var tableIns = table.render({
elem: '#demo'
// ,height: 500
,url: '数据接口'
,page: true //开启分页
,cols: [[ //表头
{field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
,{field: 'imageUrl', align:'center', templet: '#imgTpl'}
,{field: 'addTime', title: '添加时间', width:250, sort: true}
]]
});

评论
  • 消灭零回复
公众号
小程序
网站统计
  • 文章总数:297
  • 总点击量:55498
  • 评论总数:27
  • 网站运行:548 天