表格展示神器之一:layui表格
前言:在写后台管理系统中使用最多的就是表格数据展示了,使用表格组件能提高大量的开发效率,目前主流的数据表格组件有bootstrap table、layui table、easyUI table等....
博主个人比较倾向于layui,layui极简,却又不失饱满的内在,体积轻盈,组件丰盈。使用简单引用模块便捷,有丰富的扩展功能。
layui官网:https://www.layui.com/
bootstrap datatable中文文档:
目录:
一、三种渲染表格的方式
二、在表格中添加编辑等按钮
三、在表格中添加 表单控件
四、添加图片展示
最终效果图:
点击图片效果
点击编辑
一、三种初始化渲染方式
我先从最简单的初始化表格写起,如果我直接把全部代码帖出来,你们可能会看得头晕
1,方法渲染:
<table lay-filter="dataTable"></table>