layui table 一列展示多张图片

layui Table插件允许你在表格的一列中展示多张图片，通常通过HTML `img` 标签配合数据绑定来实现。你可以这样做：

1. 首先，在HTML模板里，创建一个列模板，这个模板可以包含多个图片标签，并设置一个占位符或者属性如`lay-data-index`，用于指定需要显示图片的数据索引。

<th lay-data-index="picUrl">图片列</th>
<td lay-data="{picUrl: picUrl}" lay-width="400">
  <div class="layui-inline">
    <!-- 图片循环显示 -->
    {foreach item=picUrl list=pics}
      <a href="#" lay-src="{item}"><img src="" alt=""></a>
    {/foreach}
  </div>
</td>

2. 然后，在数据处理部分，将图片URL数组存储在对应的字段上，比如`pics`字段。

3. 使用`layui.table`的`load`方法加载数据时，传递包含图片链接的数据数组。

layui.use('table', function() {
  var table = layui.table;
  // 加载数据并设置列配置
  table.render({
    elem: '#Demo',
    url: '获取数据的API', // 调用后端获取数据
    cellIndex: [0], // 指定需要多图的列
    cols: [[
      {field: 'title', title: '标题'},
      {field: 'picUrl', title: '图片列', type: 'template', templet: '.layui-table-cell'}, // 使用自定义模板
    ]]
  });
});