layui数据表格显示图片

在layui的数据表格中显示图片，可以使用laytpl模板引擎结合laytpl模板语法来实现。

首先，在表格中需要显示图片的列中，可以使用laytpl模板引擎将图片的url渲染为html代码，并将其放置在td标签中。示例代码如下：

<table class="layui-table">
  <thead>
    <tr>
      <th>姓名</th>
      <th>头像</th>
      <th>性别</th>
      <th>年龄</th>
    </tr>
  </thead>
  <tbody>
    {{# layui.each(d.data, function(index, item){ }}
    <tr>
      <td>{{ item.name }}</td>
      <td>{{# if(item.avatar){ }}<img src="{{ item.avatar }}" />{{# } }}</td>
      <td>{{ item.gender }}</td>
      <td>{{ item.age }}</td>
    </tr>
    {{# }); }}
  </tbody>
</table>

在上面的代码中，我们使用了laytpl模板语法中的if语句来判断当前数据项中是否有头像的url，如果有则渲染为img标签，否则不显示。

注意：在使用laytpl模板引擎时，需要先引入laytpl.js文件，并使用laytpl()方法进行模板编译和渲染。具体使用方法可以参考layui官方文档。