首页 > 其他分享 >layui列表显示

layui列表显示

时间:2022-08-27 14:55:47浏览次数:71  
标签:显示 渲染 layui 表头 列表 标签 table 排序

layui列表显示

  table 数据表格文档 - Layui (layuion.com)

自动渲染

所谓的自动渲染,即:在一段 table 容器中配置好相应的参数,由 table 模块内部自动对其完成渲染,而无需你写初始的渲染方法。其特点在上文也有阐述。你需要关注的是以下三点:

1) 带有 class="layui-table" 的 <table> 标签。
2) 对标签设置属性 lay-data="" 用于配置一些基础参数
3) 在 <th> 标签中设置属性lay-data=""用于配置表头信息

--参数:

  

是否允许排序。如果设置 true,则在对应的表头显示排序icon,从而对列开启排序功能。

注意:不推荐对值同时存在“数字和普通字符”的列开启排序,因为会进入字典序比对。比如:'张三' > '2' > '100',这可能并不是你想要的结果,但字典序排列算法(ASCII码比对)就是如此。

 

按照上述的规范写好table原始容器后,只要你加载了layui 的 table 模块,就会自动对其建立动态的数据表格。下面是一个示例:

标签:显示,渲染,layui,表头,列表,标签,table,排序
From: https://www.cnblogs.com/ZhuMeng-Chao/p/16630552.html

相关文章