渲染多级表头

最新推荐文章于 2024-09-14 14:14:27 发布

青丝若水三千�

最新推荐文章于 2024-09-14 14:14:27 发布

阅读量1.1k

点赞数 1

本文链接：https://blog.csdn.net/weixin_44544845/article/details/93299068

版权

1、最近，在作业里面遇到了多级表头的渲染，我还傻傻地用了两个渲染表格，后来让我在Layui里面发现了可以渲染多级表头的方法，下面就让我们来学习一下吧，下图是需要实现的效果。

2、要实现上面的两个表头的渲染其实也不困难，多级的表头其实也就只有两个重要的值，把这两个重要的值写出来，那么多级表头也就出来了。多级表头的渲染也和一个表头的渲染很相似，首先也是先要声明全局变量，然后才可以使用，在多级表头里面两个参数的重要性：colspan即横跨的单元格数，这种情况下不用设置field和width；另一个是rowspan即纵向跨越的单元格数。这两个值决定了表格是否为多级表头

$(function () {

layui.use(['layer', 'table'], function () {

layuiTable = layui.table;

layer = layui.layer,

tabResComeMes = layuiTable.render({

elem: '#tabResComeMes',