Link to home
Start Free TrialLog in
Avatar of Fordraiders
FordraidersFlag for United States of America

asked on

asp gridview header over flow off border in page

asp.net c#
Newbie to asp c# .net


I have a grid view on a form..(not the sitemaster form).
I keep getting the headers of the grid to flow off the form.
The need the white space to fill up to the edge of the last header column.


Thanks
fordraiders
WHITE-SPACE.png
ASKER CERTIFIED SOLUTION
Avatar of Kyle Abrahams, PMP
Kyle Abrahams, PMP
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Fordraiders

ASKER

kyle:

User generated image
kyle, could it be padding ?
You need to apply styles to <asp:GridView>
Prakash. Apply styles to asp gridview?
What compiler are you using?  

overflow-x is a CSS3 property:
http://www.w3schools.com/cssref/css3_pr_overflow-x.asp

note that you can write it out like that.  You'll get the warning but it should work in the browser as long as the browser supports css 3.

you could just change to overflow: auto as well.
asp.net VS 2010
kyle,I guess my question is also, does it look like I have the <div>  in the right place. ?
even with this code:
The overflow: auto  still is not working.
<div style="overflow:auto;width:2024px">  <!-- or 100% -->

 <asp:GridView ID="RSVPGridview" runat="server" HeaderStyle-BackColor="#3AC0F2"  OnRowDataBound="RSVPGridview_RowDataBound" 
            HeaderStyle-ForeColor="White" OnSelectedIndexChanged="RSVP_Click" 
            DataSourceID="SqlDataSourceRSVPGridview" CellSpacing="5" GridLines="None" >

            <Columns>
                <asp:CommandField ShowSelectButton="True" />

            </Columns>


<HeaderStyle BackColor="#CCCCCC" ForeColor="Black"></HeaderStyle>

</asp:GridView>

</div>

Open in new window

how wide is the form.  The div looks like it's in the correct place.  
You could also try specifying a css class:
.myGrid
{
       width:1024px;
}


<asp:GridView cssClass ="myGrid"

Open in new window

You need to apply styles to <asp:GridView>
I already suggested to apply styles to Grid,

<style>.divContainer{
overflow-x: scroll; 
width: 1000px; 
Height: 300px; 
position:relative;
}
.gridview{
position:inherit;overflow:auto;
}
</style>
<div class="divContainer">
   <asp:GridView id="GridView1" cssClass="gridview" runat="server"  />
</div>

Open in new window


Try changing overflow and position values to work your solution!
prakash,
Does this get placed in the .aspx  page ?

once i do , i keep getting a overflow is not a css property name.

ans "style" cannot be nested within a <div>
Which version of CSS or HTML you are working?

these are the normals css styles!

please include in first line of HTML/aspx (in case master) code
<!DOCTYPE html>

If nor resolve, please provide redered html code to check with
VS 2010 doesn't work well with html5.  The errors that you're seeing don't mean that the page won't render correctly.  The errors in the html page for that type can safely be ignored.  The main thing is the output after the fact.
kyle, your original post ending up working