Bootstrap 5行列合并表格布局异常问题求助

你编写的表格出现显示异常，核心问题是rowspan使用逻辑错误：第一行中设置了rowspan="3"的单元格会占据3行空间，但你在第二行又重复添加了对应列的单元格，导致表格列数与表头不匹配，浏览器渲染混乱。

修正后的代码： #

<table class="table table-bordered">
    <thead>
        <tr>
            <th><span>Domain</span></th>
            <th colspan="3"><span>DATE</span></th>
            <th colspan="3"><span>DATE</span></th>
            <th colspan="3"><span>DATE</span></th>
            <th colspan="3"><span>DATE</span></th>
            <th colspan="3"><span>DATE</span></th>
            <th colspan="3"><span>DATE</span></th>
            <th colspan="3"><span>DATE</span></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><span>Example1</span></td>
            <td rowspan="3"><span>DR</span></td>
            <td rowspan="3"><span>IR</span></td>
            <td rowspan="3"><span>SR</span></td>
            <td rowspan="3"><span>DR</span></td>
            <td rowspan="3"><span>IR</span></td>
            <td rowspan="3"><span>SR</span></td>
            <td rowspan="3"><span>DR</span></td>
            <td rowspan="3"><span>IR</span></td>
            <td rowspan="3"><span>SR</span></td>
            <td rowspan="3"><span>DR</span></td>
            <td rowspan="3"><span>IR</span></td>
            <td rowspan="3"><span>SR</span></td>
            <td rowspan="3"><span>DR</span></td>
            <td rowspan="3"><span>IR</span></td>
            <td rowspan="3"><span>SR</span></td>
            <td rowspan="3"><span>DR</span></td>
            <td rowspan="3"><span>IR</span></td>
            <td rowspan="3"><span>SR</span></td>
            <td rowspan="3"><span>DR</span></td>
            <td rowspan="3"><span>IR</span></td>
            <td rowspan="3"><span>SR</span></td>            
        </tr>
        <tr>
            <td><span>Example2</span></td>
        </tr>
        <tr>
            <td><span>Example3</span></td>
        </tr>
    </tbody>
</table>

关键说明： #

• 第一行设置rowspan="3"的单元格，会自动覆盖后续2行的对应列位置，所以第二、第三行只需要保留Domain列的单元格即可，无需重复添加其他列。
• 确保表格的列数在每一行中保持一致（表头总列数为1 + 7*3 = 22，修正后的tbody每行列数都匹配这个数量）。

内容的提问来源于stack exchange，提问作者Manisha