layui数据列表的使用

谁借莪１个温暖的怀抱￠ 2023-06-06 10:46 17阅读 0赞

< table class=“layui-hide” id=“LAY\_table\_user” lay-filter=“user”>< /table>

JS数据渲染  
注意：1、elem对应的html中table标签 id的属性值  
2、html中table标签 lay-filter的值是用于监听数据表事件的唯一值  
3、cellMinWidth 指定列宽  
4、page为true 开启分页  
5、height的值为 full-xxx的时候表示 整个数据列表距离底部的距离。  
6、limit 设置的数据列表默认页面大小。  
7、limits : \[10,15,20,25\] 可以设置手动选择页面大小的数据  
var table = layui.table;  
//方法级渲染  
table.render(\{  
elem: ‘\#LAY\_table\_user’,  
url : ‘deviceInfo/listDevice.action’,  
cellMinWidth : 95,  
page : true,  
height : “full-125”,  
limit : 20,  
limits : \[10,15,20,25\],  
method:‘POST’,  
cols: \[\[  
\{field:‘deviceid’, title: ‘ID’, width:60, sort: true, fixed: true\}  
,\{field:‘androidid’, title: ‘安卓ID’, width:160\}  
,\{field:‘devicename’, title: ‘设备名称’, width:120,edit : “text”\}  
,\{field:‘packagename’, title: ‘终端包名’, width:140\}  
,\{field:‘versioncode’, title: ‘终端版本号’, width:100\}  
,\{field:‘ipaddress’, title: ‘设备IP’,width:120\}  
,\{field:‘macaddress’, title: ‘设备MAC地址’, width:160\}  
,\{field:‘modifydate’, title: ‘最后编辑时间’, width:160,templet :function (row)\{  
return formatTime(row.modifydate);  
\}\}  
,\{field:‘versionname’, title: ‘终端版本名’, width:100\}  
,\{field:‘devicemodel’, title: ‘设备类型’, width:150\}  
\]\]  
\});

发表评论取消回复

表情：

评论列表（有 0 条评论，17人围观）

还没有评论，来说两句吧...

相关阅读

相关 LayUI数据表格的使用指南

LayUI是现在比较流行的一款前端框架，数据表格也是后台管理中很长用到的工具了。最近做项目就用到了，项目的要求是用数据表格显示出后台文章的列表并且每一行的文章都有对应的修改

不念不忘少年蓝@/ 2023年06月25日 15:24/ 0 赞/ 33 阅读

相关 layui 刷新数据列表

<blockquote class="layui-elem-quote quoteBox"> <div class="demoTable">

╰+攻爆jí腚メ/ 2023年06月06日 10:46/ 0 赞/ 24 阅读

相关 layui数据列表的使用

< table class=“layui-hide” id=“LAY\_table\_user” lay-filter=“user”>< /table> JS数据渲染注

谁借莪１个温暖的怀抱￠/ 2023年06月06日 10:46/ 0 赞/ 18 阅读

相关 Layui的使用

Layui是一个模块化的前端UI框架，信仰返璞归真，使用原生html、css、js编写，偏后端、PC端。 Layui的特点是美观、轻量级，Bootstrap的特点是简单

柔光的暖阳◎/ 2022年12月07日 15:19/ 0 赞/ 163 阅读

相关使用layui模板填充页面数据

layui，是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在

比眉伴天荒/ 2022年05月21日 00:14/ 0 赞/ 309 阅读

相关《layUI 的数据表格》

1.Action private t_book_vo bookvo = new t_book_vo(); private bookDao_vo bdv =

亦凉/ 2022年04月18日 05:24/ 0 赞/ 533 阅读

相关基于layui的下拉列表的数据回显

静态网页+layui渲染 html代码 <div class="layui-form-item"> <label class="layui-fo

刺骨的言语ヽ痛彻心扉/ 2022年04月18日 01:24/ 0 赞/ 713 阅读

相关 layui监听工具栏（操作列表按钮）

<table id="demo" lay-filter="test"></table> <script type="text/html" id="bar

拼搏现实的明天。/ 2022年04月10日 13:53/ 0 赞/ 388 阅读

相关 layui数据表格的使用

代码清单 welcom.html <!DOCTYPE html> <html> <head> <meta charset="utf-8

矫情吗；*/ 2021年12月10日 03:35/ 0 赞/ 469 阅读

相关 layui的时间范围查询列表记录

1、前台返回（选择的时间范围模式决定） 2019-07-23 00:00:00 - 2019-07-26 00:00:00 或者 2019-07-23 0

超、凢脫俗/ 2021年12月05日 00:59/ 0 赞/ 506 阅读