2012-05-01 6 views
1

私はDatatables.netを使用していますが、テーブルに含まれるブロックの制約を超えているように見える問題が発生しています。フローティング要素と同様に動作します。私は本当に何が起こっているのか本当に確信していないので、この問題に対処する方法は本当にわかりません。jQueryデータテーブルがテンプレートの外にある

さらに多くの時間が経過すると、自分のテンプレートの範囲内にテーブルが残り、このテーブルを除いて必要な場所にテンプレートを押し込みます。私はそれが特定のコードなしではかなり難しい

enter image description here

+0

html/cssを表示するか、jsfiddle ..を使用してください。正確に原因を特定するのは難しいです。 –

+1

私はそれがちょっと冷たく見えると思う.. –

答えて

1

あなたが含まれている要素は、CSSプロパティの「オーバーフロー」を用いて、オーバーサイズのデータ​​テーブルを表示するかどうかを制御することができます。オーバーフロー:隠しを設定すると、テーブルは切り捨てられますが、オーバーフローを設定した場合:スクロールする要素にスクロールバーが表示され、スクロールバーを使用してテーブル全体をスクロールして表示できます。

しかし、オーバフローを防止したいと思っています。この場合、問題はデータテーブルの幅とそのコンテナの幅になります。データテーブルのコンテンツが大きすぎる場合は、データテーブルオプションを使用してコンテンツを調整する必要があります(たとえば、aoColumnDefsを変更してヘッダーテキストを短くしたい場合など)。テーブルの内容があなたが望むものであれば、テーブルを小さくしたい場合は、CSSを使用してプレーする必要があります(つまり、フォントサイズを小さくすることができます)。

最後に、データテーブルがきれいなサイズで、含まれる要素が小さすぎるという問題がある場合は、その要素を含む幅(CSSプロパティの幅または分幅)を増やす必要があります。

希望に役立ちます。

+0

そこに問題があるが、含有する要素は幅が静的ではない。私は少し混乱している。私はこれを使って、jqueryのload()と同等のものを使用していることの別の側面を見て、見つけました。その特定のビットの情報をページに持ってきて、それがそれと何か関係があるかどうか疑問に思います。 – chris

+0

なぜロードが違いになるのかわかりませんが、その理論をテストしたい場合は、負荷の直後に要素の幅を設定して、問題が修正されているかどうかを調べることができます。 – machineghost

+0

これを拡張するには、1つの単語が長すぎるかどうかを確認することもできます。コンマで区切られたリストやその他のコンテンツの変更、または使用しているワードラップの変更でカンマの後にスペースが必要な場合があります。 – Goose

0

を意味するものの例。あなたは通常のclearfixオプションを試しましたか?

ここでは、第二の回答でこれを行う方法の偉大な例があります。 What methods of ‘clearfix’ can I use?

関連する問題