0

高さと幅が固定されたテーブルがあります。高さを 200 ピクセル、幅を 100% (幅 600 ピクセルの別の div 内) として言及しましたが、実行時に新しい列を追加するため、幅を増やす必要があるため、スクロール バーを配置することを考えました。これを達成するために次のことを行っています

$('.showDateTime').show();
$('.showDateTime').css("width", "300px");
$('#TransactionErrorsTableData').css("overflow-x", "scroll");

問題は、水平スクロール バーが表示されるが無効になっていることです。垂直スクロールバーが正常に機能しているところ。div「TransactionErrorsTableData」のオーバーフローを自動に設定しました

水平スクロールバーを有効にする方法について何か考えはありますか?

PS私はちょっと立ち往生しているので、質問が明確でない場合はご容赦ください。詳細が必要な場合はコメントしてください。

4

2 に答える 2

2

スニペットのみを投稿し、例を投稿していないため、正確な問題を正確に把握することはできませんが、試してみます.

CSS ルールoverflow-x: scrollまたはを使用するoverflow-y: scrollと、ほとんどのブラウザーで強制的にスクロール バーが表示されます。これは仕様によるものであり、コンテンツが拡大しても、コンテナーの外側のコンテンツが強制的に移動されることはありません。

スクロールバーは無効になっていません。実際にスクロールできる十分なコンテンツがないため、非アクティブになっています。これは、の幅をdiv.showDateTime内の特定の量に設定したためだと思います。TransactionErrorsTableData

これが役立つことを願っています！

ノート ：

この回答は、詳細が十分に提供されていないため、すべて想定されています。

于 2012-10-25T12:39:01.847 に答える
0

試してみてください。ただし、jsfiddlerの方が良いでしょう:

$('#TransactionErrorsTableData').css("overflow-x", "auto");
于 2012-10-25T13:23:01.620 に答える