layui表格

最新推荐文章于 2023-05-31 16:28:54 发布

@HZY

最新推荐文章于 2023-05-31 16:28:54 发布

阅读量257

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_44546855/article/details/89948690

版权

本文介绍了layui表格渲染的步骤，从导入layui插件开始，详细讲解如何在控制器中编写查询方法，确保数据倒叙排序，然后阐述如何将查询结果绑定到layui表格中，包括elem、url、cols等关键配置的使用，以及页面分页和数据量控制的设置，旨在帮助读者深入理解layui表格的使用。

摘要由CSDN通过智能技术生成

首先说一下渲染 layui表格渲染的步骤
首先要导入layui插件

在这里插入图片描述
下面详细说明一下渲染表格的方法
首先渲染表格的目的是显示数据，让数据有序排列展示，使得看起来简单明了。
所以我们应该先到控制器中写查询方法

  public ActionResult SelectEmployee(LayuiTablePage layuiTablePage)
        {

            List<PW_Employee> listAcademe = myModel.PW_Employee.OrderByDescending(m => m.employeeID).Skip(layuiTablePage.GetStartIndex())
               .Take(layuiTablePage.limit).ToList();
            int intTotalRow = myModel.PW_Employee.Count();
            LayuiTableData<PW_Employee> layuiTableData = new LayuiTableData<PW_Employee>()
            {
                count = intTotalRow,
                data = listAcademe
            };
            return Json(layuiTableData, JsonRequestBehavior.AllowGet);

        }

以上就是查询方法上面有个易错点，要注意给数据倒叙排序，也就是orderby，