table表格自适应读取的图片大小

[zd178]

大佬们好，我使用的是layui的表格组件，我读取了图片想加载到table里去。我需要这个单元格的大小和图片适应（贴合）。
麻烦大家啦！

[zd178]

[zd178]

<div class="layui-layout layui-layout-admin">
    <!-- 头部区域（可配合layui 已有的水平导航） -->
    {% include 'navbar.html' %}
    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div style="padding: 15px;">
            <div class="layui-card layui-panel">
                <div class="layui-card-body">
                    <table class="layui-hide" id="ID-table-demo-setRowChecked"></table>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
layui.use('table', function(){
  var table = layui.table;

  // 渲染
  table.render({
    elem: '#ID-table-demo-setRowChecked',
    url: '/api/getAuditTableData',
    page: true,
    cols: [[
      {type: 'checkbox', fixed: 'left'},
      {field:'id', fixed: 'left', width:150, title: '待审核井盖ID', sort: true, totalRowText: '合计：'},
      {field: 'photo', fixed: 'left', width: 150, title: '用户上传图片', totalRowText: '合计：',
            templet: function (d) {
                return '<img src="' + d.photo + '" style="width: 100%; height: 100%;" />';
            }
      },
      {field:'user_state', width:200, title: '用户认为井盖状态'},
      {field:'model_state', width:200, title: '模型认为井盖状态'},
      {field:'province', width:100, title: '省'},
      {field:'city', width:100, title: '市'},
      {field:'district', width:100, title: '区'},
      {field:'street', width:150, title: '街道'},
      {field:'amount', width:250, title: '详细地址'},
      {field:'joinTime', title:'上传时间', width: 120},
      {fixed: 'right', title:'操作', width: 300, minWidth: 125, toolbar: '#barDemo'}
    ]],
    toolbar: '#demo-toolbar-setRowChecked',
    initSort: { // 设置初始排序
      field: 'experience', // 字段名
      type: 'desc' // 倒序
    },
<!--    height: 366-->
    height: 'full'

  });

  // 行单击事件( 双击事件为: rowDouble )
  table.on('row(ID-table-demo-setRowChecked)', function(obj){
    var data = obj.data; // 获取当前行数据
    // 标注当前点击行的选中状态
    obj.setRowChecked({
      type: 'radio' // radio 单选模式；checkbox 复选模式
    });
  });
  // 头工具栏事件
  table.on('toolbar(ID-table-demo-setRowChecked)', function(obj){
    var checkStatus = table.checkStatus(obj.config.id); //获取选中行状态
    switch(obj.event){
      case 'getCheckData':
        var data = checkStatus.data;  // 获取选中行数据
        layer.alert(JSON.stringify(data));  // 显示 - 仅用于演示
      break;
    };
  });
});

代码如上。麻烦大家了！！

[LSL1618]

试试自定义行高lineStyle: 'height: 50px;，https://layui.dev/2.7/docs/modules/table.html#lineStyle，注意一下动态行高和固定列是冲突的。

[zd178]

谢谢！