Layui生成动态数据表格

在ASP.NET.MVC中,我们一般都是用layui中的组件来加载表格的。我们需要用的时候就是把它的css和js引用就可以了。

在Layui中的数据表格用于对表格进行一些列功能和动态化数据操作,支持固定表头、固定行、固定列左/列右,支持拖拽改变列宽度,支持排序,支持多级表头,支持单元格的自定义模板,支持对表格重载(比如搜索、条件筛选等),支持复选框,支持分页,支持单元格编辑等等一些列功能。

创建数据表格最简单的方式就是用table标签就可以了,不过我们要在table标签里给id命名为你想要的名字,HTML代码如下:

那么接下来我们来写JS代码来配置完成渲染:

首先我们需要申请几个变量,然后我们利用三种初始化方式中的方法渲染来进行渲染:

Layui生成动态数据表格_第1张图片

那么接下来我们来写控制器代码:

Layui生成动态数据表格_第2张图片

那么我们来看一下页面上的效果图:

Layui生成动态数据表格_第3张图片

这样我们就完成了数据表格的加载。

你可能感兴趣的:(Layui生成动态数据表格)