多表頭表格

表格多表頭模式,參見：http：//www.360ui.net

雙表頭

實現以下：

<table class="tableStyle" useCheckBox="true" useMultColor="true"> <tr> <th rowspan="2" class="th_m2" ></th> <th colspan="2" class="th_m" >第一組</th> <th colspan="3" class="th_m" >第二組</th> <th colspan="2" class="th_m" >第三組</th> </tr> <tr> <th width="10%" class="th_m">性別</th> <th width="5%" class="th_m">年齡</th> <th width="20%" class="th_m">工做</th> <th width="15%" class="th_m">聯系方式</th> <th width="20%" class="th_m">住址</th> <th width="10%" class="th_m">婚姻情況</th> <th width="10%" class="th_m">操做</th> </tr> <tr> <td width="5%"><input type="checkbox" value="1"/></td> <td>男</td> <td>25</td> <td>軟件設計師</td> <td>15012546548</td> <td>天津市和平區</td> <td>已婚</td> <td><span class="img_view hand" title="查看"></span><span class="img_edit hand" title="修改"></span><span class="img_delete hand" title="刪除"></span></td> </tr> <tr> <td><input type="checkbox" value="2"/></td> <td>男</td> <td>25</td> <td>軟件設計師</td> <td>15012546548</td> <td>天津市和平區</td> <td>已婚</td> <td><span class="img_view hand" title="查看"></span><span class="img_edit hand" title="修改"></span><span class="img_delete hand" title="刪除"></span></td> </tr> </table>

 

三表頭

實現以下：

<table  class="tableStyle" useCheckBox="true" useMultColor="true">

  <tr>

    <th rowspan="3" class="th_m3"></td>

    <th colspan="4" class="th_m">星期一</th>

    <th colspan="4" class="th_m">星期二</th>

    <th colspan="4" class="th_m">星期三</th>

  </tr>

  <tr>

    <th colspan="2" class="th_m">上午</th>

    <th colspan="2" class="th_m">下午</th>

    <th colspan="2" class="th_m">上午</th>

    <th colspan="2" class="th_m">下午</th>

    <th colspan="2" class="th_m">上午</th>

    <th colspan="2" class="th_m">下午</th>

  </tr>

  <tr>

    <th class="th_m">第1節</th>

    <th class="th_m">第2節</th>

    <th class="th_m">第3節</th>

    <th class="th_m">第4節</th>

    <th class="th_m">第1節</th>

    <th class="th_m">第2節</th>

    <th class="th_m">第3節</th>

    <th class="th_m">第4節</th>

    <th class="th_m">第1節</th>

    <th class="th_m">第2節</th>

    <th class="th_m">第3節</th>

    <th class="th_m">第4節</th>

  </tr>

  <tr>

    <td><input type="checkbox" value="1"/></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><input type="checkbox" value="2"/></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>

</table>