数据表格,如何添加image列呢,并且控制行高?

提问 已结
14 575
飞翔的燕子
悬赏:20飞吻
版本:layui 2.2.5 浏览器:
两个问题,一个是添加图片列,一个是设置行高

需要在列上面展示图片,可是不知道数据表格怎么插入图片元素,
添加图片之后,那么行高就需要设置下,不然默认的行高展示图片太小。
回帖
  • GB131
    2018-3-7
    cols : [[ // 表头
    {type:'checkbox'},
    {field: 'id', title: 'ID', width:80, sort: true},
    {field: 'pictureName', title: '图片名字'},
    {field: 'src', title: '路径',templet:'#showImg',style:"height:100px;"},
    {field: 'description', title: '图片描述'},
    ]],
    <script type="text/html" id="showImg">
    <div><img src="{{d.src}}"></div>
    </script>
    表头跟之前的基本一样,除了多了一个这个templet:'#showImg'。
    0 回复
  • HoneyBear
    2018-3-7
    使用列模板统一设置一下元素的宽高
    0 回复
  • HoneyBear
    2018-3-7
    0 回复
  • GB131
    2018-3-7
    我现在只是知道怎么显示图片,但是显示出来的图片可小。同求解答啊啊啊啊啊
    0 回复
  • @GB131 请问,图片是怎么弄呢?
    0 回复
  • @HoneyBear 利用数据引擎 设置元素宽高?可有代码指示?
    0 回复
  • @GB131

    {field: 'image', title: '图片' ,templet:'#imageUrl' ,width:100}

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

    {title=日式实木床边柜子, qualityLevel=2, image=img/ibank/2018/750/023/8583320057_1660977857.jpg, productId=565350326213}

    图片不显示,不知道哪里不对?
    0 回复
  • HoneyBear
    2018-3-7
    GB131的方法就可以 想让行高变高的话 让某个单元格的高度变高之后就会撑开的
    0 回复
  • HoneyBear
    2018-3-7
    就相当于在img标签外面的div上再加个高度 或者你可以把图片的高度调高一些
    0 回复
  • @GB131 图片显示出来了,谢谢,不过行高,不行
    0 回复
  • @HoneyBear 请问,你是怎么实现的呢?
    0 回复
  • GB131
    2018-3-7
    @飞翔的燕子 我的行高也没弄好
    0 回复
  • HoneyBear
    2018-3-7
    @飞翔的燕子 <div class=“在你页面的样式里给这个class加个高度”><img src="{{d.image}}"></div>应该就撑开了
    0 回复

  • [礼物] [爱你]
    0 回复