右側にアイテムの詳細を含むこのテーブルがあり、下のスクリーンショットのように、最も長いセルとまったく同じ幅の列にすべてのセルを配置する必要があります。
これは、通常のテーブルを使用する場合に機能しますが、その上にアコーディオン関数を追加する必要があるため、行をクリックすると、行に関連付けられたコンテンツがそれぞれの下からスライドダウンします。
これらのコンテンツ div をテーブルの行間に追加する唯一の方法は、それらをタグでラップすることです。これはおよび効果<tr>
では機能しません。slideDown()
slideUp()
今、<dl>
タグを使用してフィドルでテーブルを再作成し、CSS を使用してこれを解決したいと考えていますが、そのような運はありません。リンクは次のとおりです: http://jsfiddle.net/bbDYX/ - 幅の問題を除いて、すべてが正常に機能しています。
私が今考えることができる唯一の解決策は、JavaScript を使用して右側の各列の各テーブル セルを調べ、その幅を最大幅のセルと同じ値に設定することです。でも出来れば避けたい。
何か案は?