Layui—参数表

最新推荐文章于 2024-09-06 09:05:47 发布

ybyfu

最新推荐文章于 2024-09-06 09:05:47 发布

阅读量928

点赞数

文章标签： layui

本文链接：https://blog.csdn.net/ybyfu/article/details/118294278

版权

本文介绍了Layui表格的初始化渲染方式，包括HTML和JS部分的代码示例。重点讲解了使用table.render()方法渲染表格的基本格式，强调了cols参数作为二维数组在方法渲染中的使用，以及表头参数的设定。内容涵盖了layui表格的基础参数选项和cols表头参数表。

摘要由CSDN通过智能技术生成

创建一个table实例最简单的方式是，在页面放置一个元素

,然后通过table.render()方法指定该容器。

表单中有三种初始化渲染方式：

方式	机制	使用场景
方法渲染	用js方法的配置完成渲染	无需写过多的HTML，在JS中指定原始元素，再设定各项参数。
自动渲染	HTML配置，自动渲染	无需写过多JS，可专注于HTML表头部分。
转换静态表格	转换一段已有的表格元素	无需配置数据接口，在JS中指定表格元素，并简单地给表头加上自定义属性即可

HTML部分：

JS部分：

var table=layui.table;

table.render({

elem: '#demo' //指定原始表格元素选择器（推荐id选择器）

,height: 315 //容器高度

,cols: [{}] //设置表头

,……基本参数选项

});

以上是方法渲染的基本格式。

参数	类型	说明
elem	String/DOM	指定原始 table 容器的选择器或 DOM，方法渲染方式必填
cols	Array	设置表头。值是一个二维数组。方法渲染方式必填
url（等）	-