css - Telerik Grid table width overflowing parent div -
I have a telephone grid that I am using in an MVC app. The parent divi width is set to a maximum size, and the table is also set to a maximum size, but the table part is being ignored, even when I go to the web developer tool, I can see the width < / P>
is basically html:
& lt; Div id = "main" & gt; & Lt; Div id = "grid" & gt; & Lt; Table ID = "TeleTable" & gt; & Lt; / Table & lt; / Div & gt; & Lt; / Div & gt; CSS: #Main {width: 900px; Margin 0 auto; } # Grid {max-width: 900px; } #telettable {max-width: 900px; Margin 0 pixels; Padding 0 px; } I have also tried width: 100% on the table and increasing the main width, it is of no avail.
Thanks for reading my post. After playing around, I thought that many columns are displayed to me, so whatever width I have set, the table could not shrink because it had to display the data. So I cut it from 8 columns to 5, and now it's right.
Comments
Post a Comment