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>没有任何高度，因此行数没有明显效果......

如何在2行中排除所有th / td？

2 个答案: