css - Telerik Grid テーブル幅が親 div からオーバーフローする

Question

MVC アプリで使用しているテレリック グリッドがあります。親 div の幅は最大サイズに設定され、テーブルも最大サイズに設定されていますが、Web 開発者ツールに入ると幅が表示されますが、テーブル部分はそれを無視しているようです。

html は基本的に次のとおりです。

<div id="main">
   <div id="grid">
       <table id="TeleTable">
       </table
   </div>
</div>

css:
#main { width: 900px; margin 0 auto; }
#grid { max-width: 900px; }
#TeleTable { max-width: 900px; margin 0px; padding 0px; }

また、テーブルで width: 100% を試し、メインの幅を増やしましたが、役に立ちませんでした。

私の投稿を読んでいただきありがとうございます。

Answer 1

いろいろ試してみると、表示される列が多すぎることがわかりました。そのため、幅をどのように設定しても、データを表示する必要があるため、テーブルを縮小できませんでした。それで、8 列から 5 列に削減したところ、完全に収まるようになりました。