layui怎么表格中显示图片&&layui为字段设置默认排序
2023-06-13 09:17:07 时间
js里面代码示例:
//方法级渲染
table.render({
elem: '#test-table-reload'
,url: '/admin/Yzq/list'
,cols: [[
{field:'id', title: 'id', sort: true}
,{field:'type', title: '1文章2视频', sort: true,width:118}
,{field:'title', title: '标题', sort: true,width:218}
,{field:'image', title: '封面图片',templet:function(d){
return "<img style='max-width:85px;' src='"+d.image+"'></img>";
},sort: true,width:218}
,{field:'memo', title: '描述', sort: true,width:218}
,{field:'status', title: '状态', sort: true,width:218}
,{field:'uid', title: '发布人用户id', sort: true,width:218}
,{field:'sort', title: '排序', sort: true,width:218}
,{field:'look_num', title: '浏览次数', sort: true,width:218}
,{field:'tqz_num', title: '花费的碳权证总数', sort: true,width:218}
,{field:'ky_tqz_num', title: '剩余可发放的碳权证总数', sort: true,width:218}
,{field:'pt_kc', title: '平台扣除部分', sort: true,width:218}
,{field:'createtime',width:118,title: '添加时间', sort: true ,templet:function(d){
return layui.util.toDateString(d.createtime*1000, "yyyy-MM-dd HH:mm");
}}
,{width:218, align:'center', toolbar: '#test-table-operate-barDemo'}
]]
,page: true,
initSort:{
field:'sort',
type:'desc',
}
});
设置图片的是这行代码
{field:'image', title: '封面图片',templet:function(d){
return "<img style='max-width:85px;' src='"+d.image+"'></img>";
},sort: true,width:218}
如何设置字段默认排和设置排序按钮
initSort:{ field:'sort', type:'desc', }
未经允许不得转载:肥猫博客 » layui怎么表格中显示图片&&layui为字段设置默认排序
相关文章
- CentOS7基本环境搭建&开箱即用环境下载
- RTT & RTO
- Spring Security 系列(3) —— Spring Security & Webflux
- ECCV 2022 | 清华&Meta提出HorNet,用递归门控卷积进行高阶空间相互作用
- office2007安装包下载,专业版&完整版&官方原版
- 图像校正优化软件:Perfectly Clear QuickDesk & QuickServer Mac下载
- 一码中_amp是什么意思
- Java Web(十一)Ajax&Axios&JSON
- 零零信安-D&D数据泄露报警日报【第36期】
- kurtosis & skewness
- Java 逻辑运算符(&、|、^、!、&&、||)
- Web Spider Babel安装 & Ast抽象语法 - 基本使用
- ECCV2022 &CVPR2022论文速递2022.7.27!
- ognl表达式编写-Struts2框架(二):封装方法&其他介绍&注入方式详解
- 「 【Typecho插件】MIP/AMP页面自动生成插件 」
- MySQL如何快速禁用账户登入 & 如何复制/复用账户密码
- netbios amp DDOS攻击.c
- netbios amp DDOS攻击.c
- AMP MySQL升级提升数据库性能的必要之举(amp mysql升级)
- 如何增加Oracle数据库的AMP值(amp值oracle)
- 小偷&小偷入库&采集入库
- perl高级排序,<=>操作符,飞船操作符
- Javascript的&&和||的另类用法