javascript - Bootstrap: 非常に幅の広いテーブルがグリッド内に収まらない場合の対処方法

Question

ブートストラップ div コンテナーの一部である jqGrid があります。この jqGrid の幅は可変です。ユーザーは最大 20 列を選択できます。20 列すべてを選択すると、ブートストラップ コンテナー内に収まる可能性はなくなります。HTML テーブルが 内にある場合、ブートストラップ グリッド システムを回避する方法はあります<div class="container">か?

明確にするために、コンテンツの幅を切り取ることなく、ページに水平スクロールバーを持たせたいと考えています。

Answer 1

使用するコードの例が役立つ場合があります。jqGrid を使用するすべての人がブートストラップも使用するわけではないことを考慮してください。現在コード例がなく、ブートストラップがわからないため、推測してみます。

オプションのご利用をおすすめしshrinkToFit: falseます。widthオプションを使用する場合は、グリッドのオプションを指定しないことを検討できます。その代わりに、widthすべての列を整数として指定する必要があります。この場合、グリッドは水平スクロール バーなしで表示されますが、ページの水平バーはスクロールに使用できます。おそらく、列のサイズ変更後にグリッドのサイズを変更するという答えからの他のトリックも、あなたの場合に役立つ可能性があります。widthまたは、グリッドのオプションを指定することもできます。すべての列は縮小せずに表示されますが、グリッドに水平スクロール バーが作成されます。