Question

我创建了一个表，我想要的是合并最后一行中的一些单元格来显示总数或摘要。我试着放一些CSS，但它不起作用。

这是我的表。

<table class="table table-bordered">
    <thead>
        <tr>
            <th>Class</th>
            <th>A</th>
            <th>B</th>
            <th>Total</th>
        </tr>
    </thead>
        <tr>
            <td>1</td>
            <td>25</td>
            <td>27</td>
            <td>52</td>
        </tr>
        <tr>
            <td>2</td>
            <td>24</td>
            <td>26</td>
            <td>50</td>
        </tr>
        <tr>
               <!-- merge -->

            <td></td> 
            <td></td>
            <td>Total</td>

               <!-- merge -->
            <td>102</td>
        </tr>

</table>

我想要的是合并最后一行的前三个

我该怎么做？

谢谢！

Answer 1

您可以使用colspan指定要组合的单元格。

Debug | Options and Settings ... | Debugging | Symbols

Answer 2

我认为会是：

<td colspan="3"> This is Bigger! </td>

这是横向合并。

如果要垂直合并，则必须说

<th rowspan="2"> This is also bigger, but different! </th>

将列合并为单个单元格

2 个答案: