先看下多表头的设计:
在这个多表头的表单当中,我们可以按照从上到下和从左往右的划分方式,将表头划分成三行十列,分别是:
- 列表标签
- 人员信息、部门信息、工资、入职状态、创建日期、操作
- 名称、年龄、性别、电话、部门、部门code
从左往右看,可以发现“列表标签”则是占据剩下的部分跨了十列。第二行当中,“人员信息”跨四列,“部门信息跨一列”,”工资“、”人员状态“、”创建日期“、”操作“跨两行。
因此此时我们的表头代码可以写成:
colspan : 跨列 rowspan: 跨行 newColumn: 当前行是否已结束