中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

layui的table中顯示圖片方法

發布時間:2020-09-30 21:17:46 來源:腳本之家 閱讀:592 作者:viqecel 欄目:web開發

圖片需要用到模板.templet:

注意div不可省略,48px指的是div的高度,如果要決定img圖片的高度,需要單獨設計style

<script type="text/javascript">

 layui.use('table',function () {
 var table= layui.table;
 table.render({
  elem:'#needstable'
  ,url:'{:url()}'
  ,method:'post'
  ,cellMinWidth:80
  ,page:true
  ,cols:[[
  {field:'needs_id',title:'id',fixed:'left',width:80}
  ,{field:'wx_username',title:'昵稱',fixed:'left',width:80}
  ,{field:'wx_headimg',title:'頭像',fixed:'left',templet:'<div><img src="{{ d.wx_headimg}}"></div>',style:'height:48px;width:48px;line-height:48px!important;'}

css,注意替換headimg

<style type="text/css">.layui-table-fixed-r td{height:58px!important;}
.layui-table-fixed-r th{height:58px!important;}
.layui-table img {
 max-width: 48px;min-height: 48px;
}


.laytable-cell-3-wx_headimg ,.laytable-cell-1-wx_headimg,.laytable-cell-2-wx_headimg,.laytable-cell-3-wx_headimg,.laytable-cell-4-wx_headimg,.laytable-cell-5-wx_headimg,.laytable-cell-6-wx_headimg,.laytable-cell-7-wx_headimg,.laytable-cell-8-wx_headimg,.laytable-cell-9-wx_headimg,.laytable-cell-10-wx_headimg,.laytable-cell-11-wx_headimg,.laytable-cell-12-wx_headimg,.laytable-cell-13-wx_headimg,.laytable-cell-14-wx_headimg{
 width: 48px!important;;padding:0px!important;height: 48px!important;;
 line-height: 48px!important;;
}

</style>

以上這篇layui的table中顯示圖片方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

陈巴尔虎旗| 平利县| 肥城市| 昌黎县| 怀宁县| 彰化市| 安国市| 桓台县| 九寨沟县| 闵行区| 凤城市| 乌鲁木齐县| 遂昌县| 西青区| 浦北县| 尤溪县| 皮山县| 宜川县| 松阳县| 怀安县| 安顺市| 芒康县| 呈贡县| 察哈| 林州市| 乐平市| 祁阳县| 阿坝县| 融水| 盐池县| 上栗县| 仙游县| 无锡市| 彭山县| 江孜县| 墨脱县| 金堂县| 文水县| 张掖市| 克山县| 常德市|