Question

我正在尝试将表格单元格拉伸到表格的宽度。表格的宽度取决于我上一个表格行的宽度。

我找不到解决方法。你有没有想法，或者因为桌子的行为而不可能。我创建了a fiddle，你可以看到我的意思。我的目标是将表格单元“TR1”拉伸到tr3的宽度（宽度之和“TD1”，“TD”，“TD3”）。

这应该是这样的：


 ---------------
|       TR1     |
 ---------------
|       TR2     |
 ---------------
| TD1 |TD2| TD3 |
 ---------------

我忘了说不幸的是我不能使用样式属性宽度因为我从不同的数据库中获取数据。我正在尝试对它们进行排序并将它们放入表中。

Answer 1

指定一个colspan，其中包含您希望行覆盖的单元格数量

<tr><td colspan="3"></td>
<tr><td colspan="3"></td>
<tr><td></td><td></td><td></td></tr>

Answer 2

你需要跨列

<table style="border:3px solid black;">
<tr>
    <td class="td1" colspan="3">TR1</td>
</tr>
<tr>
    <td class="td2" colspan="3">TR2</td>
</tr>
<tr>
    <td class="td3">TD1</td>
    <td class="td3">TD2</td>
    <td class="td3">TD3</td>  
</tr>
</table>

Answer 3

正确的方法是将colspan属性设置为100％。 <table> <tr> <td colspan="100%">TR1</td> </tr> <tr> <td colspan="100%">TR2</td> </tr> <tr> <td>TD1</td><td>TD2</td><td>TD3</td> </tr> </table>

Answer 4

我不是百分之百关于浏览器限制这样做，但为什么不把第3行中可能存在的最大列数？

像这样：

<tr><td colspan="20"></td>
<tr><td colspan="20"></td>
<tr><td></td><td></td><td></td></tr>

将表格单元格拉伸到表格的宽度

4 个答案: