《Layui的数据表格详解》

最新推荐文章于 2025-04-08 15:38:05 发布

没错是姗姗.

最新推荐文章于 2025-04-08 15:38:05 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/weixin_44540689/article/details/96306994

版权

本文详细解析了Layui中表格的初始化方法table.render()，包括elem、url、id、method等参数的用法，以及cellMinWidth、where、cols等设置。此外，还介绍了表格的重载功能table.reload()，用于条件查询和分页操作。文中通过实例讲解了onchange事件的使用，展示了如何根据下拉框选值的变化触发事件并处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发工具与关键技术：VS MVC 
作者：黄姗姗
年级：18级
撰写日期：2019年7月12日

在这里插入图片描述
表格初始化的时候
参数详解：
table.render({}) ：用于表格方法级的渲染，核心方法
1、 elem : “#demo” ，//指定原始表格table元素选择器（推荐ID选择器）
2、 url : “/onedemo” ， //接口的地址
3、 id : “dataID” ， //这个ID为数据查询返回的表的主键ID
4、 method : “POST” ， // 这个为提交方式
5、 cellMinWidth : “100” ， // //全局定义常规单元格的最小宽度，layui 2.2.1 新增
6、 where : {value:””} ，// 接口的其他参数，可用来进行条件查询
7、 cols ：[[]] ， // 设置表头，值是一个二维数组。方法渲染方式必填
8、 page : true ，// 开启分页，默认为false，即不开启分页
表格需要根据条件查询时，需要利用到表格重载：table.reload()
在这里插入图片描述
table.reload(id,option) //表格的重