html - 如何将所有 th/td 跨度为 2 行？

Question

样品失败大声笑

但我想要的是第一个thead tr跨越下一个tr，在示例中是空的。有任何想法吗？

我基本上想要一个标题行，它是正常行的高度（动态）的两倍。

Answer 1

我想您需要像这样将borderspacing ='0'添加到表格中

<table cellspacing='0'>
    <thead>
        <tr>
            <th rowspan="2">header 1</th>
            <th rowspan="2">header 2</th>
            <th rowspan="2">header 3</th>
        </tr>
        <tr>

        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

和CSS：

th, td {
    border: 1px solid blue;
    height: 20px;
}

http://jsfiddle.net/Hive7/GRPzU/5/

Answer 2

您正确使用 rowspan="2" 检查您的代码的少量修改：

<table>
<thead>
    <tr>
        <th rowspan="2">header 1</th>
        <th rowspan="2">header 2</th>
        <th rowspan="2">header 3</th>
        <th>header 4</th>
    </tr>
    <tr>
        <th>header 5</th>
    </tr>
</thead>
<tbody>enter code here
</tbody>

在你的例子中，第一个<tr>没有任何高度，所以 th rowspan 没有明显的效果......