table复合表头

  |   0 评论   |   0 浏览

代码

<table class="table table-striped table-condensed table-hover table-bordered">
        <thead>
            <tr>
            <th rowspan="2">专业ID</th>  
            <th rowspan="2">主干课程</th>
            <th colspan="4">通识教育</th>
            <th colspan="4">专业基础</th>
            <th colspan="4">专业课</th>
            <th colspan="4">独立实践</th>
            <th rowspan="2">操作</th>
            </tr>
            <tr>
            <th>学分</th>
            <th>学时</th>
            <th>必修比例</th>
            <th>选修比例</th>
            <th>学分</th>
            <th>学时</th>
            <th>必修比例</th>
            <th>选修比例</th>
            <th>学分</th>
            <th>学时</th>
            <th>必修比例</th>
            <th>选修比例</th>
            <th>学分</th>
            <th>学时</th>
            <th>必修比例</th>
            <th>选修比例</th>
            </tr>
        </thead>
<tbody>
            <tr>.....</<tr>
</tbody>
</table>

效果

111111111111111111111111111111111111111.png