ソート可能なリストがあり、ソート可能な各アイテムにはテーブルが含まれています。私はすべてのテーブルの列を揃えたいと思います。 CSSで修正されたtable-layoutを使用するとうまくいきますが、セルの内容が長すぎると内容が重なってしまいます。私は、セル内のコンテンツに合わせてテーブルを展開し、水平スクロールバーは、十分な水平スペースがない場合に表示される必要があります。異なるテーブルの列をソート可能なリストに整列する
これをすべて1つのテーブルに入れて解決しようとしましたが、場合によっては並べ替えアイテムのテーブルの下に表示され、jqueryを使用してテーブルの行を並べ替えてもうまくいきません。
コードの簡易版はこちらです：
http://jsfiddle.net/buZUz/1/は、私はあなたが達成することは非常に困難で、異なるブラウザaccross作業を行います複数のテーブルと、ここで達成しようとしているものと思います。私は過去にテーブルレイアウトで多くの "問題"を抱えていました。
私は1つのテーブルに戻り、各行をソート可能にしたいと思うでしょう。ソート項目（ボーダー-間隔がベストですが、それはで働いていない内の空間を持つように達成することは困難である
-add another row with a colspan that covers all of the rows and put you extra content in that.
-add hover event that shows the extra row or the data in a popup if it doesn't have to always be displayed.
-add the extra detail in a seperate table , "a detail table" that gets populated depending on which row is selected.
つのテーブルで：
は、あなたは可能性が各行のデータの下に余分なコンテンツを取得するにはIE7、別のアイデアは、divにセルの内容をラップし、divにCSSを追加することです。これは、すべてのセルの内容が等しい/固定の高さを持つ場合に有効です）。余分な行の問題は、ソートではその "親"と一緒に行かなければならないということです。たぶんソート可能なイベントでいくつかの回避策を使って解決することができます。とにかく、アイデアのおかげで、何もうまくいけない場合は、私は1つのテーブルに戻ることを検討します。 – dioslaska