项目总结03-HTML表格-合并行或列

最新推荐文章于 2022-01-12 22:12:45 发布

dubuhuaji

最新推荐文章于 2022-01-12 22:12:45 发布

阅读量725

点赞数

分类专栏： HTML 学习心得体会

本文链接：https://blog.csdn.net/dubuhuaji/article/details/41825155

版权

学习心得体会同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

HTML

3 篇文章 0 订阅

订阅专栏

例1

    <table border="1px">
    <!--标题-->
    <tr style="text-align: Center; background-color: #DCDCDC">
    <td rowspan="2">姓名</td>
    <td rowspan="2">年龄</td>
    <td rowspan="2">性别</td>
    <td rowspan="2">身高</td>
    <td colspan="4">爱好</td>
    </tr>

    <tr style="text-align: Center; background-color: #DCDCDC">
    <td>篮球</td>
    <td>羽毛球</td>
    <td>游泳</td>
    <td>瑜伽</td>
    </tr>


    <!--数据-->
    <% //先画出与标题同样多的格子，再用代码处理数据后显示
        String value = "Y"; %>
    <tr style="text-align: Center;">
    <td>张三</td>
    <td>23</td>
    <td>男</td>
    <td>172</td>
    <td><%=value%></td>
    <td><%=value%></td>
    <td><%=value%></td>
    <td><%=value%></td>
    </tr>

    <!--总计行-->
    <tr style="text-align: Center; background-color: #DCDCDC">
    <td>总计</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    </table>

例2

    <table border="1px">
    <%
        for (int i = 0; i < 3; i++)
        {
         %>
            <tr>
            <td rowspan="3">篮球</td>
            <td rowspan="3">羽毛球</td>
            <td>111</td>
            <td>222</td>
            <td rowspan="3">瑜伽</td>
            <td>333</td>
            </tr>

            <tr>
            <td>111</td>
            <td>222</td>
            <td>333</td>
            </tr>

            <tr>
            <td>111</td>
            <td>222</td>
            <td>333</td>
    </tr>
    <%} %>
    </table>