在JSP上,需要做出类似于Excel表头合并的效果时,可以用如下方法。
<table class="table_titlelist" id="activityDataTable">
<tr>
<th rowspan="3" width="30px">大区</th>
<th rowspan="3" width="30px">经销商编号</th>
<th rowspan="3" width="30px">经销商名称</th>
<th rowspan="3" width="30px">投诉总量</th>
<th rowspan="3" width="30px">重大</th>
<th rowspan="3" width="30px">重要</th>
<th rowspan="3" width="30px">一般</th>
<th colspan="9" style="text-align: center;">反馈率数据</th>
<th colspan="9" style="text-align: center;">解决率数据</th>
<th rowspan="3" width="30px">应解决总量</th>
<th rowspan="3" width="30px">实际解决总量</th>
<th rowspan="3" width="30px">实际解决率</th>
<th rowspan="3" width="30px">结案客户满意度(25分满分)</th>
</tr>
<tr>
<th colspan="3" style="text-align: center;">重大</th>
<th colspan="3" style="text-align: center;">重要</th>
<th colspan="3" style="text-align: center;">一般</th>
<th colspan="3" style="text-align: center;">重大</th>
<th colspan="3" style="text-align: center;">重要</th>
<th colspan="3" style="text-align: center;">一般</th>
</tr>
<tr>
<th width="30px">5H应反馈量</th>
<th width="30px">5H实际反馈量</th>
<th width="30px">5H实际反馈率</th>
<th width="30px">12H应反馈量</th>
<th width="30px">12H实际反馈量</th>
<th width="30px">12H实际反馈率</th>
<th width="30px">24H应反馈量</th>
<th width="30px">24H实际反馈量</th>
<th width="30px">24H实际反馈率</th>
<th width="30px">48H应解决量</th>
<th width="30px">48H实际解决量</th>
<th width="30px">48H实际解决率</th>
<th width="30px">72H应解决量</th>
<th width="30px">72H实际解决量</th>
<th width="30px">72H实际解决率</th>
<th width="30px">72H应解决量</th>
<th width="30px">72H实际解决量</th>
<th width="30px">72H实际解决率</th>
</tr>
</table>
效果见:效果图.jpg
转载于:https://blog.51cto.com/tianjian/1665911