1

Datatables.netを使用していますが、テーブルが含まれているブロックの制約を超えているように見えるという問題が発生しています。フローティング要素と同様に機能します。何が起こっているのか正確にはわからないので、この問題に対処する方法がよくわかりません。

多くの場合、私のテーブルは私のテンプレートの範囲内にとどまり、このテーブルを除いて、必要に応じてテンプレートをプッシュします。私が言っていることの例

ここに画像の説明を入力してください

4

2 に答える 2

1

CSSプロパティ「overflow」を使用して、包含要素が特大のデータテーブルを表示するかどうかを制御できます。overlay:hiddenを設定すると、テーブルは切り捨てられますが、overflow:scrollを設定すると、含まれている要素にスクロールバーが表示され、テーブル全体を(スクロールして)表示できます。

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

最後に、データテーブルのサイズが細かく、含まれている要素が小さすぎるという問題がある場合は、含まれている要素の幅を(CSSプロパティのwidthまたはmin-widthを介して)増やす必要があります。

お役に立てば幸いです。

于 2012-05-01T19:43:45.303 に答える
0

特定のコードがないとかなり難しいです。通常のclearfixオプションを試しましたか?

2番目の回答には、これを行う方法の優れた例があります。 「clearfix」のどのメソッドを使用できますか?

于 2012-05-01T19:40:11.477 に答える