0

わかりました、私の問題はこれです、私は1つのマスターテーブルを持っていて<td>、テーブルにある はすべて完璧に整列し、ヘッダーがbeiggerなどを失った場合はnicleyを拡張しました<th>...

このテーブルを 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"> は一番上のテーブルのサイズであり、変更される可能性があります....それが私の問題です

4

3 に答える 3

1

それらは独立したテーブルになったため、幅が異なります。

data_table クラスを使用して、両方のテーブルのセルの幅を同じに設定できます。

それ以外の場合は、javascript を使用して最初のテーブルのセルの幅を取得し、それらの値を使用して 2 番目のテーブルのセルを設定できると思います。ちょっと面倒ですが。

于 2012-08-15T14:31:34.273 に答える
1

JavaScript/jQuery ソリューションを使用しない限り、単純な HTML/CSS でこれを行う方法はありません。1 つのテーブルにすべてのデータを含めることでソリューションを再考してください。そのようにして、TH が列幅を決定します。

于 2012-08-15T14:31:38.107 に答える
1

それらを同じテーブルに戻し、行を選択して分割し、その行をスタイルして非表示にすることができます。境界線の色と背景色を通して。フェイク 2 テーブル。

于 2012-08-15T14:34:53.647 に答える