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

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

相关文章
相关标签/搜索