layui.table图片显示不全和404问题

时间 2019-12-10

标签 layui.table layui table 图片显示不全问题繁體版

原文原文链接

1.图片显示不全html

在使用layui.table组件中，加载的图片显示不全，需从新定义CSS以下：laravel

.layui-table-cell{
     height: auto!important;
     white-space: normal;
}

2.图片显示，路径404浏览器

在组件中加载图片，本人使用的是如：框架

{field: 'image', title: '商品图片', align:'center',width:150, templet:'<div><img href="{{ d.image }}"></div>',style:'height:50px;'}

结果：图片在表格中显示，但浏览器会另外加载一张图片ui

使用模板改正就没有这个问题：spa

首先定义模板，（由于是laravel框架，因此须要@来避免被解析）：code

    <script type="text/html" id="imgTpl">
        <img src="@{{ d.avatar }}">
    </script>

再在layui.table中定义：orm

{field: 'avatar', title: '头像', align:'center',width:150, templet:'#imgTpl'}

问题解决htm