业务场景

客户在实施项目时,需要支持子表多表头,例如

目前我们产品还没有支持直接配置多级子表头。不过可以通过变通的方式来实现这个,我们可以通过编辑HTML来实现多表头。

实现方法

在生成子表后,编辑html代码。

<thead>
                    <tr class="firstRow">
                        <th width="142" rowspan="3" colspan="1">
                            #<br/>
                        </th>
                        <th width="142" rowspan="3" colspan="1">
                            序号
                        </th>
                        <th width="142" rowspan="3" colspan="1">
                            日期
                        </th>
                        <th rowspan="1" colspan="3">
                            配送信息
                        </th>
                    </tr>
                    <tr>
                        <th rowspan="2" colspan="1">
                            姓名
                        </th>
                        <th rowspan="1" colspan="2">
                            地址
                        </th>
                    </tr>
                    <tr>
                        <th width="142"></th>
                        <th width="142"></th>
                    </tr>
                </thead>

效果

小技巧

如果觉得html麻烦,可以先通过表单设计器设计,让后对表格进行合并处理,就可以实现上面的HTML。

文档更新时间: 2021-11-22 17:30   作者:zyg