html中表头的合并，类Excel

在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

附件：http://down.51cto.com/data/2365845

      本文转自tianjian_0913 51CTO博客，原文链接：http://blog.51cto.com/tianjian/1665911，如需转载请自行联系原作者