在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-aligncenter;">反馈率数据</th>

<th colspan="9" style="text-aligncenter;">解决率数据</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-aligncenter;">重大</th>

<th colspan="3" style="text-aligncenter;">重要</th>

<th colspan="3" style="text-aligncenter;">一般</th>

<th colspan="3" style="text-aligncenter;">重大</th>

<th colspan="3" style="text-aligncenter;">重要</th>

<th colspan="3" style="text-aligncenter;">一般</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