IE9下colspan不起作用的解决办法:在最前面加一个tr,其中添加colspan数量的td

IE9下colspan不起作用的解决办法.html

<style type="text/css">
    td {
        border: 1px solid #ccc;
        height: 24px;
        padding: 2px;
        vertical-align: top;
    }

    .ie9-bug-tr td {
        height: 0px;
        border: none;
    }
</style>

    <table id="report-table" width="98%" border="1" cellspacing="0" cellpadding="0" style="table-layout: fixed;border-collapse: collapse;">
    <tr class="ie9-bug-tr">
      <td style="width: 100px;"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td colspan="1">
        XXX
      </td>
      <td colspan="4">
      </td>
      <td colspan="8">
      </td>
    </tr>
   </table>