html - 具有固定宽度 的 HTML 表格中的两级行？

Question

我有一个列固定宽度的表格:

<table width="100%" cellpadding="0" cellspacing="0">
    <thead>
        <tr>
            <th>Title</th>
            <th>Description</th>
            <th>Hours</th>
            <th>Rate</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td style="width:100px"></td>
            ...
    </tbody>
</table>

这很好，但现在我想让描述出现在“标题、时间、费率”下方的行中，这样它就可以更长，可能是表格的宽度。像这样:

|    Title    |    Hours    |    Rate    |
------------------------------------------
| A title     | Some hours  | A rate     |  <- This is a row
| A long description would go here...    |  <- This is the same row
------------------------------------------
So on...

我仍然想将其称为表中的单个“行”。这只是一个显示偏好。我需要做什么才能实现这一目标？

Answer 1

Colspan 会做你想做的事。

<tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
</tr>
<tr>
    <td colspan="4">long description</td>
</tr>