Display pictures in layui data table

1. Change the picture size
to be set

.layui-table {
height: auto;
width: auto;
}

.layui-table img {
    max-height: 200px;
    max-width: 200px;
}

2.springBoot project, the url return value corresponds to the List <> returned by the @Recbody method in the Controllerc layer, the
format is [{msg: value, msg: value, msg: value, msg: value}, {msg: value msg: value, msg: value, msg: value}, ... length: value] Data: value consistent with layui data format, but does not include code, msg, etc. Use the following code conversion format

parseData: function (res) {// res is the original returned data
console.log (res);
return {
"code": 0, // parse interface status
"msg": res.message, // parse prompt text
" count ": res.length, // parse data length
" data ": res // parse data list
}
}

3. The first way to get data in table rendering, the limit is effective

4. The second way to get data in table rendering, the limit is invalid

Refresh commentsRefresh pageback to top