【JEECG】列表多表头的设计

本文介绍了一种多表头表格的设计方法,通过跨列和跨行属性实现复杂表头布局,便于展示多层次的数据结构。

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

先看下多表头的设计:
这里写图片描述
在这个多表头的表单当中,我们可以按照从上到下和从左往右的划分方式,将表头划分成三行十列,分别是:

  1. 列表标签
  2. 人员信息、部门信息、工资、入职状态、创建日期、操作
  3. 名称、年龄、性别、电话、部门、部门code

从左往右看,可以发现“列表标签”则是占据剩下的部分跨了十列。第二行当中,“人员信息”跨四列,“部门信息跨一列”,”工资“、”人员状态“、”创建日期“、”操作“跨两行。

因此此时我们的表头代码可以写成:
这里写图片描述

colspan : 跨列 rowspan: 跨行 newColumn: 当前行是否已结束

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值