引导表安排

Question

这种表格安排的用语是什么？

我希望使用bootstrap，但我失败了很多次。 （我也已谷歌了） 这就是我在这里看到有人知道该怎么做的原因。

Answer 1

我假设您具体指的是使用colspan覆盖多个列，其中一个单元格和rowspan覆盖多个行，其中包含一个单元格

<table>
    <tr><td rowspan="2">FOO</td><td colspan="4">EXAMPLE</td></tr>
    <tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
    <tr><td>1. Something here</td><td></td><td></td><td></td><td></td></tr>
    <tr><td>2. Something here</td><td></td><td></td><td></td><td></td></tr>
    <tr><td>3. Something here</td><td></td><td></td><td></td><td></td></tr>
    <tr><td>4. Something here</td><td></td><td></td><td></td><td></td></tr>
</table>

Answer 2

试试这样： 的 Demo

HTML：

<table class="table table-bordered">
<thead>
    <tr>
        <th rowspan="2">Heading</th>
        <th rowspan="2">Heading</th>
        <th colspan="4">Heading</th>
    </tr>
    <tr>
        <th>Heading</th>
        <th>Heading</th>
        <th>Heading</th>
        <th>SHeading</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>3546 </td>
        <td>89789</td>
        <td>3546</td>
        <td>789789</td>
        <td>56456757</td>
        <td>56456757</td>
    </tr>
 <tr>
        <td>3546 </td>
        <td>89789</td>
        <td>3546</td>
        <td>789789</td>
        <td>56456757</td>
        <td>56456757</td>
    </tr>

    <tr>
        <td>3546 </td>
        <td>89789</td>
        <td>3546</td>
        <td>789789</td>
        <td>56456757</td>
        <td>56456757</td>
    </tr>

    <tr>
        <td>3546 </td>
        <td>89789</td>
        <td>3546</td>
        <td>789789</td>
        <td>56456757</td>
        <td>56456757</td>
    </tr>
</tbody>