Layui复杂表格

最新推荐文章于 2024-09-06 09:05:47 发布

老板，能不能不改？

最新推荐文章于 2024-09-06 09:05:47 发布

阅读量5.8k

点赞数

本文链接：https://blog.csdn.net/weixin_44540251/article/details/91201668

版权

本文介绍了如何使用Layui框架创建复杂表格，包括设置CSS和JS插件、定义表格容器，并详细解释了rowspan和colspan属性的使用，以实现多行多列合并的表格布局。

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

开发工具与关键技术：MVC
作者：文泽钦
撰写时间：2019年5月3日星期一

常见的表格只有一行表头的，但我们今天做一个复杂表格，先看看单表头的效果，等一会写完复杂表格再看复杂的表格。
在这里插入图片描述
把控制器搭建好了就开始写页面的代码，这里要把layui表格用到的css、js插件拷贝到项目，然后显示所有里，然后引入进来。

<link href="~/Plugins/layui/css/layui.css" rel="stylesheet" />
<script src="~/Plugins/jquery-3.2.1.min.js"></script>
<script src="~/Plugins/layui/layui.js"></script>

然后给装表格的一个容器，打了这个容器，页面上也是不会有内容显示的。

<div class="container-fluid">
        @*在超小（手机等移动端）上强制换行并设置边距*@
        <div class="w-100 mb-2 d-inline d-sm-none"></div>
        @*装表格的一个容器*@
        <div class="