Question

好吧，我的问题就是这个，我有一张主表，而<td>的所有表格都完全对齐并且如果标题<th>的beigger等等则扩展了nicley ...... / p>

我不得不把这个表分成2个表，因为我希望顶部独立于底部排序。现在的问题是我必须手动设置底部表格中<td>的宽度，使其与顶部表格具有相同的宽度。有没有办法让他们自动设置？

<table align="center" class="data_table" style="border-bottom-style: none;  margin-bottom: 0px;">

    <tr>
        <th>
        </th>
    </tr>
</table>

<table align="center" class="data_table" style="border-top-style: none; margin-top: 0px;"> 

    <tr>
        <th colspan="9 title="Source of Repair (SOR) Remarks">SOR Remarks</th>
    </tr>
    <tr>
        <td width="845px" colspan="9">
            <textarea name="mcRemark" rows="7" cols="100" scrolling="auto">${mcRemark}</textarea>
        </td>
    </tr>

此 <td width="845px" colspan="9"> 是顶级表的大小，可能会改变....这就是我的问题

Answer 1

它们现在是独立的表格，因此宽度会有所不同。

您可以使用data_table类将两个表中单元格的宽度设置为相同。

否则我想你可以使用javascript来获取第一个表格的单元格的宽度，并使用这些值来设置第二个表格的单元格。虽然有点乱。

Answer 2

不使用javascript / jQuery解决方案，不，没有办法用简单的HTML / CSS做到这一点。通过在一个表中包含所有数据来重新考虑您的解决方案，这样TH将决定列宽。

Answer 3

您可以将它们放回到同一个表中，然后选择一行来划分它们并设置该行的样式以使其不可见。通过边框颜色和背景颜色。人造两张桌子。

表自动具有相同的宽度

3 个答案: