視覚的に 1 つのエンティティのように見えるように、1 つをもう 1 つ上に積み重ねたい 2 つのテーブルがあります。両方の幅は等しくなければなりません。
議論のために、上のテーブルには 8 つの列があり、下のテーブルには 3 つの列があるとします。下部のテーブルが上部のテーブルと同じ視覚的幅を占めるようにするにはどうすればよいですか?
これが必要な理由は、上部のテーブルにはラジオ ボタンとチェックボックスの項目がロードされており、下部のテーブルには常にキャンセル ボタン、数量フィールド、OK ボタンで構成される 1 つの行しかないためです。さまざまな幅のさまざまな上部テーブルが多数ありますが、下部テーブルの 1 つだけをコーディングし、上部テーブルの 1 つに Javascript 運搬を使用して、上部テーブルと同じ幅を占めるように下部テーブルをその下に配置したいと考えています。
幅を同じにするために、htmlおよび/またはCSSにこだわっています。下のものがテーブルであることに固執しているわけではありません。上のテーブルの幅の中央に配置されたこれらの 3 つのフィールドを提供するソリューションがあれば、それは素晴らしいことです。