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

layui列表显示

作者:互联网

layui列表显示

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

自动渲染

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

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

 

--参数:

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

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

 

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

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