时间戳

首页 > 解决方案 > HTML 合并表格单元格而不创建新单元格

html - HTML 合并表格单元格而不创建新单元格

问题描述

我有一个这样的html：

<html>
 <body><br><br>Dear colleagues. 
    <table border=1>
        <thead>
            <tr>
                <th>Filename</th>
                <th>ID</th>
                <th>URL</th>
            </tr>
        </thead>
        <tr>
            <td>example.xml</td>
            <td>ID1234</td>
            <td><a href=https://example/view/780>https://example/view/780</a></td>
        </tr>
        <tr>
            <td>example.xml</td>
            <td>ID456</td>
            <td><a href=https://example/view/780>https://example/view/780</a></td>
        </tr>
        <tr>
            <td>example.xml</td>
            <td>ID678</td>
            <td><a href=https://example/view/780>https://example/view/780</a></td>
        </tr>
        <tr>
            <td>example.xml</td>
            <td>ID891</td>
            <td><a href=https://example/view/780>https://example/view/780</a></td>
        </tr>
        <tr>
            <td>example.xml</td>
            <td>ID112</td>
            <td><a href=https://example/view/780>https://example/view/780</a></td>
        </tr>
    </table><br>Regards :)
 </body>
</html>

初始表格的图像

如果每一行中对应的 URL 与前一个相同，我希望它们合并。我已经尝试过行跨度，但现有 URL 移动到下一列，如下所示： IMAGE - Error when I try to do rowspan

<html>
    
    <body><br><br>Dear colleagues. 
        <table border=1>
            <thead>
                <tr>
                    <th>Filename</th>
                    <th>ID</th>
                    <th>URL</th>
                </tr>
            </thead>
            <tr>
                <td>example.xml</td>
                <td>ID1234</td>
                <td rowspan="5"><a href=https://example/view/780>https://example/view/780</a></td>
            </tr>
            <tr>
                <td>example.xml</td>
                <td>ID456</td>
                <td><a href=https://example/view/780>https://example/view/780</a></td>
            </tr>
            <tr>
                <td>example.xml</td>
                <td>ID678</td>
                <td><a href=https://example/view/780>https://example/view/780</a></td>
            </tr>
            <tr>
                <td>example.xml</td>
                <td>ID891</td>
                <td><a href=https://example/view/780>https://example/view/780</a></td>
            </tr>
            <tr>
                <td>example.xml</td>
                <td>ID112</td>
                <td><a href=https://example/view/780>https://example/view/780</a></td>
            </tr>
        </table><br>Regards :)
    </body>
 </html>

我想看起来像这个我想看起来像的图像，没有那些附加的列。有人可以帮我吗？

标签： html

解决方案

我想这就是你想要的。希望我的回答对你有帮助。

><br><br>Dear colleagues. 
    <table border=1>
        <thead>
            <tr>
                <th>Filename</th>
                <th>ID</th>
                <th>URL</th>
            </tr>
        </thead>
        <tr>
            <td rowspan>example.xml</td>
            <td>ID1234</td>
            <td rowspan="5"><a href=https://example/view/780>https://example/view/780</a></td>
        </tr>
        <tr>
            <td>example.xml</td>
            <td>ID456</td>
            
        </tr>
        <tr>
            <td>example.xml</td>
            <td>ID678</td>
            
        </tr>
        <tr>
            <td>example.xml</td>
            <td>ID891</td>
           
        </tr>
        <tr>
            <td>example.xml</td>
            <td>ID112</td>
        </tr>
    </table><br>Regards :)

推荐阅读