Layui表格中的图片

图片显示在表格中这是开发项目中经常遇到的内容

首先要有一个文件夹存放图片，大概的做法就是将图片的名字以字符串的方式存进数据库，当查出这条名字的时候，图片名字与存放图片的文件夹的图片名字一样，那么这张图片就会显示出来，数据库与图片文件夹如下

然后我们用layui的方法把数据查出来，再用自定义列的方法写出图片文件夹的路径，最后设置表格的宽高度

以下是效果图，图片没有完全显示出来，这是因为图片的大小跟我们设置的不一样

加上下面这几个css样式就可以了。

.layui-table-cell {

            text-align: center;

            height: auto;

            white-space: normal;

}

效果图和图一就一样了