layui表格设计以及数据初始化_layui表格field默认值-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_44551879/article/details/89630473

本文介绍了在mvc项目中使用layui插件设计数据表格的方法。首先需要引入layui插件，然后通过模块化加载table方法，定义表格ID并初始化。表头设置包括type、field、title等参数。数据初始化在控制器中完成，涉及数据库查询和封装table数据。通过LayuiTableData实体类接收并返回数据，实现表格的显示。这种做法可以减少代码量，提高开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发工具与关键技术: VisualStudio 2015 mvc

作者：杨泽平

撰写时间：2019、4、20

数据表格，在mvc项目中很多地方都会见到，一般做mvc项目我们所写的数据表格都不用自己纯敲的，因为纯敲代码量比较大且麻烦，所以我们都是用插件，以下面的为例，这是我写的layui表格设计以及数据初始化。

我们写数据表格之前，需要引用这个layui的插件，引用完后接下来就是，我们需要一个table来装数据，table里面有一些layui插件定义的元素。

如下图所示：
在这里插入图片描述
这个插件我们可以模块化使用，我们只用到table这一块，所以我们先需要加载他模块化的方法，加载完成就到表格初始化，表格初始化这一块，首先是上面说到的table里的ID，我们初始化表格需要声明这个ID变量，然后将他赋值给layuiTable,让他初始化，初始化后就他所配置的一些参数，第一个参数elem：绑定容器，第二个url:路径，表格数据的接口，第三个cols:这个就是设置表头了，设置表头这里是自定义的，他有一些参数，这里我就说一下常用的： type：设定列的类型，有可选值，常用的是numbers序号列，checkbox复选框列，radio单选框列；field：设置字段名，这个根据数据库表字段命名设置；title：设置标题名称&#