Question

我正在尝试编写一个javascript时间轴，在其中点击左栏显示右栏中的内容。我想有更简单的方法可以做到这一点，但下面的HTML看起来非常整洁。

因此，rowpan的常用方法是你有一个td，你想要向下延伸几行来完成表格。

<tr>
    <td>1942</td>
    <td rowspan=2>Something happened</td>
</tr>
<tr>
    <td>2017</td>
</tr>

但是，如果我想将rowspan 向上，以便下面的时间轴项目填充两行，该怎么办？

<tr>
    <td>1942</td>
</tr>
<tr>
    <td>2017</td>
    <td rowspan=2>Something else happened</td>
</tr>

我知道我可以将它们全部移动到那里的顶行和行盘，但我真的想要这个漂亮，易于编辑的格式，日期和行彼此相邻。

（我的想法是，如果你认为rowspan类似于css的宽度和高度，可能会有一些类似于css left和top（比如＆＃34; table-row＆＃34;？）你可以设置，除了将td＆s实际移动到你想要的tr之外。我不认为存在这种情况。）

（也有人知道是否定义了负行数？）

Answer 1

不，rowspan始终“向下”工作。 HTML 4没有明确说明这一点，但它绝对是隐含的，并且没有办法改变它。 HTML5使其明确，对于表格来说非常详细（但对于实现者来说是必需的）Processing mode l。

Answer 2

我知道这是一个老问题，但我自己也在找这个，这是谷歌上的第一个结果。经过一些调整，我设法找到了解决方案：

<table>
    <thead>
        <tr>
            <td>Column 1/<td>
            <td>Column 2</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td rowspan=2>A1</td>
            <!--This cell must be hidden; otherwise you will see a gap at the top of the second column between the header and body-->
            <td style=“padding:0px;” />
        </tr>
        <tr>
            <td rowspan=3>A</td>
        </tr>
        <tr>
            <td>A2</td>
        </tr>
        <tr>
            <td>A3</td>
        </tr>
    </tbody>
</table>

如果您想拥有比 2 列更深的层次结构，您可能需要进行一些试验，但我相信这是可能的。

Rowspan向上

2 个答案: