layui怎么表格中显示图片&&layui为字段设置默认排序
2023-03-07 09:49:27 时间
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为字段设置默认排序
相关文章
- 在 Go 里用 CGO?这 7 个问题你要关注!
- 9款优秀的去中心化通讯软件 Matrix 的客户端
- 求职数据分析,项目经验该怎么写
- 在OKR中,我看到了数据驱动业务的未来
- 火山引擎云原生大数据在金融行业的实践
- OpenHarmony富设备移植指南(二)—从postmarketOS获取移植资源
- 《数据成熟度指数》报告:64%的企业领袖认为大多数员工“不懂数据”
- OpenHarmony 小型系统兼容性测试指南
- 肯睿中国(Cloudera):2023年企业数字战略三大趋势预测
- 适用于 Linux 的十大命令行游戏
- GNOME 截图工具的新旧截图方式
- System76 即将推出的 COSMIC 桌面正在酝酿大变化
- 2GB 内存 8GB 存储即可流畅运行,Windows 11 极致精简版系统 Tiny11 发布
- 迎接 ecode:一个即将推出的具有全新图形用户界面框架的现代、轻量级代码编辑器
- loongarch架构介绍(三)—地址翻译
- Go 语言怎么解决编译器错误“err is shadowed during return”?
- 敏捷:可能被开发人员遗忘的部分
- Denodo预测2023年数据管理和分析的未来
- 利用数据推动可持续发展
- 在 Vue3 中实现 React 原生 Hooks(useState、useEffect),深入理解 React Hooks 的