Bootstraptable排列

Question

这个table排列的术语是什么？

我想用bootstrap做一个类似的，但我失败了很多次。（我也已经google了）这就是为什么我在这里寻找知道该怎么做的人。

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>

Bootstraptable排列

Bootstrap table arrangement

html

html-table