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