ASP.NET Webforms Gridview width expanding outside container

Home » Client Side Programming » Web Development » ASP.NET Webforms Gridview width expanding outside container
ASP.NET Web forms Logo

Do you have an ASP.NET Webforms application with the GridView expanding outside of its container? Your markup might look like this:

Because the GridView uses a table, sometimes the width of it might expand to larger than your browser window. This might be fine (you could use the scroll bar at the bottom of the browser window), but it also might also cause a problem for example if you have the default widths (width: 100%) in your CSS. You could end up with with the inner part of the GridView extending off the right of the page.

When I originally had this problem I didn’t find a good fix by Googling. The fix is quite simple. Put a CssClass=”results” on the ResultsPanel (the outer div) and define the following CSS:

This will put a scroll bar on the bottom of the GridView.

About Phil

I have been working as a software developer since 1983. This blog could have been called "From Fortran 77, C and Cobol to C# in 20 (not so) easy years", but it doesn't sound quite right somehow. Besides I'm talking about what's happened since 2003, not before!

Leave a Reply

Your email address will not be published.


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">




Top Posts & Pages

Categories

Recent Posts

Recent Comments

Archives

Blogroll

  • Mike Cohn's Blog
  • Scott Hanselman's Blog
- brendan@fakeemail.com

Debating between Scrum and Kanban? Guest author Brendan Wovchko offers five advantages Kanban has ov [...]

- brendan@fakeemail.com

Most individuals know that multitasking slows us down. It has an equally negative effect on agile or [...]

- brendan@fakeemail.com

Announcing the world’s only dating website for Scrum Masters and product owners. [...]

- brendan@fakeemail.com

Too often, agile teams are expected to finish everything every iteration. This expectation is harmfu [...]

- brendan@fakeemail.com

When a product backlog becomes too big, it hinders agility. Discover four steps your team can take t [...]

- Scott Hanselman

I did a blog post many years ago reminding folks that The Internet is not a Black Box. Virtually not [...]

- Scott Hanselman

Lots of folks ask me about Raspberry Pis. How many I have, what I use them for. At last count there [...]

- Scott Hanselman

I recently stumbled upon https://accessibilityinsights.io. There's both a Chrome/Edge extension [...]

- Scott Hanselman

Clive Thompson is a longtime contributing writer for the New York Times Magazine and a columnist for [...]

- Scott Hanselman

Per Wikipedia, "In mathematics, a binary relation ... is transitive if ... element a is related [...]

Meta