layui是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。在使用layui前要确保会懂基本的前端技术（HTML/CSS/JS）。本篇就详细介绍一下layui使用字段显示表格菜单的步骤。
工具/原料
1
编程工具（如HBuilder）
2
layui源码包
3
电脑
方法/步骤
1
在编程工具里新建一个HTML文件，然后引入layui框架的layui.css和layui.js文件,需要注意layui表格最好使用最新2.4.5版，因为前面版本table兼容性不高。
2
，id可以根据实际情况自行更名，但要确保table.render里的elem要跟它保持一致。
在body里编写DOM结构，结构可以如下：
3
在引入的layui.js后面使用layui对象里的table控件（注意一定要在layui.js后面使用，如果两者顺序反了会出错）。
4
最后利用table.render设置表格属性，elem跟你的table标签上的id要一致，url为你的数据接口文件（需要在同一域名下，否则跨域）或者本地的json数据文件，如果用的是接口且必须传参，可以在data里面传入参数；然后是是否开启分页（page为true开启）；最后是设置你的表格标题（最上面的那行字段），即在cols数组对象里设置field（你的接口内部的参数名）、title（要最终显示的名称）以及一些其他属性（包括设置宽度width、是否要排序sort，固定方式fixed等等）。
注意事项
1
本经验是个人使用layui框架的经验，如果有不足或错误之处，请参考官方说明。https://www.layui.com/
2
由于本篇经验涉及到前端技术问题，针对的是有一定前端技术经验的人士，所以部分技术性细节已做省略处理
上一篇：搭建简单的web站点