layui table里面显示图片

在Layui的table中显示图片，可以通过两种方式实现。

第一种方式是在表格的列中直接插入图片的HTML标签。例如，如果你的数据中有一个图片的URL链接字段，可以将该字段作为一个列，然后在列的模板函数中插入图片的HTML标签。代码示例如下：

<table id="demo" lay-filter="test"></table>

<script>
layui.use('table', function(){
  var table = layui.table;
  
  table.render({
    elem: '#demo',
    url: 'data.json', //数据接口
    cols: [[
      {field: 'id', title: 'ID', width:80},
      {field: 'name', title: '用户名', width:80},
      {field: 'image', title: '头像', templet: '<div><img src="{{d.image}}" style="width: 50px; height: 50px;"></div>', width:100},
      //更多列...
    ]]
  });
});
</script>

第二种方式是使用自定义的列渲染函数。在这种方式中，你需要在列的渲染函数中手动创建图片的HTML元素，并在初始化表格时指定该函数。代码示例如下：

<table id="demo" lay-filter="test"></table>

<script>
layui.use('table', function(){
  var table = layui.table;
  
  table.render({
    elem: '#demo',
    url: 'data.json', //数据接口
    cols: [[
      {field: 'id', title: 'ID', width:80},
      {field: 'name', title: '用户名', width:80},
      {field: 'image', title: '头像', templet: function(d){
        return '<div><img src="' + d.image + '" style="width: 50px; height: 50px;"></div>';
      }, width:100},
      //更多列...
    ]]
  });
});
</script>

以上两种方式都可以在Layui的table中显示图片。其中，第一种方式使用了模板字符串的方法插入图片标签，第二种方式在列渲染函数中手动创建图片标签。你可以根据自己的需求选择其中之一。