Adjust space size around datagrid borders

[Ankor]

I have a datagrid that is bigger than screen size, so I have vertical and horizontal scroll bars. My problem that the screen "eats" right and bottom datagrid borders. Is there any easy way to solve this problem?

 

[ca8msm]

You could either feed it or perhaps give us an example?


____________________________________________________________
Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]

Need help finding an answer? Try the Search Facility or read FAQ222-2244.

 

[Ankor]

It's a normal regular datagrid where right and bottom borders are not visible as if they were behind PC screen.

 

[ca8msm]

We'll still need an example of your rendered HTML.


____________________________________________________________
Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]

Need help finding an answer? Try the Search Facility or read FAQ222-2244.

 

[Ankor]

<asp:datagrid id="dgList" ShowFooter="True" OnItemDataBound="spanfooter" style="Z-INDEX: 103; LEFT: 8px; POSITION: absolute; TOP: 104px" runat="server" Width="100%" Font-Names="Arial" Font-Size="XX-Small" BorderColor="#8080FF" BorderStyle="Solid" AutoGenerateColumns="False">
<HeaderStyle Font-Size="X-Small" Font-Names="Arial" Font-Bold="True" HorizontalAlign="Center" ForeColor="Navy" BorderColor="Blue" VerticalAlign="Middle" BackColor="#C0C0FF"></HeaderStyle>
<Columns>
<asp:BoundColumn DataField="Department" ReadOnly="True" HeaderText="Department"></asp:BoundColumn>
<asp:BoundColumn DataField="Description" ReadOnly="True" HeaderText="Description"></asp:BoundColumn>
<asp:BoundColumn DataField="Location" HeaderText="Location"></asp:BoundColumn>
<asp:BoundColumn DataField="Director" ReadOnly="True" HeaderText="Director"></asp:BoundColumn>
<asp:BoundColumn DataField="Director ID" ReadOnly="True" HeaderText="Director ID"></asp:BoundColumn>
<asp:BoundColumn DataField="Director Address" ReadOnly="True" HeaderText="Director Address"></asp:BoundColumn>
<asp:BoundColumn DataField="Manager" ReadOnly="True" HeaderText="Manager"></asp:BoundColumn>
<asp:BoundColumn DataField="Manager ID" ReadOnly="True" HeaderText="Manager ID"></asp:BoundColumn>
<asp:BoundColumn DataField="Manager Address" ReadOnly="True" HeaderText="Manager Address"></asp:BoundColumn>
<asp:BoundColumn DataField="Last Updated" ReadOnly="True" HeaderText="Last Updated"></asp:BoundColumn>
<asp:BoundColumn DataField="Effective Date" ReadOnly="True" HeaderText="Effective Date"></asp:BoundColumn>
</Columns>
</asp:datagrid>

 

[jbenson001]

We'll still need an example of your rendered HTML.

 

[ca8msm]

That isn't the rendered HTML. That is your source code.


____________________________________________________________
Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]

Need help finding an answer? Try the Search Facility or read FAQ222-2244.

 

[Ankor]

What is rendered HTML? Code I see in view/source?

 

[ca8msm]

Yes, it's the code that the browser renders to the users screen.


____________________________________________________________
Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]

Need help finding an answer? Try the Search Facility or read FAQ222-2244.

 

[Ankor]

I can only show it without data:

<table cellspacing="0" rules="all" bordercolor="#8080FF" border="1" id="dgList" style="border-color:#8080FF;border-style:Solid;font-family:Arial;font-size:XX-Small;width:100%;border-collapse:collapse;Z-INDEX: 103; LEFT: 8px; POSITION: absolute; TOP: 104px">
<tr align="Center" valign="Middle" style="color:Navy;background-color:#C0C0FF;border-color:Blue;font-family:Arial;font-size:X-Small;font-weight:bold;">
<td>Department</td>
<td>Description</td>
<td>Location</td>
<td>Director</td>
<td>Director ID</td>
<td>Director Address</td>
<td>Manager</td>
<td>Manager ID</td>
<td>Manager Address</td>
<td>Last Update</td>
<td>Effective Date</td>
</tr><tr>
<td>0001</td>
<td>Test Description</td>
<td>Florida</td>
<td>John Smith</td>
<td>ABC123</td>
<td>Test Address</td>
<td>Mary Brown</td>
<td>DEF456</td>
<td>Another test address</td>
<td>06/04/07</td>
<td>01/12/05</td>
</tr>
</table>

 

[ca8msm]

I can't see anything wrong with that code when I run it in my browser (FireFox 2.0.0.4 and IE7). Maybe you could provide the full code for the page (feel free to remove sensitive data) including the DOCTYPE you are using and the browser you are having the issue with. It may also be more appropiate to ask the question in the HTML forum.


____________________________________________________________
Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]

Need help finding an answer? Try the Search Facility or read FAQ222-2244.

 

[Ankor]

I created a simple HTML page and pasted only this part of code into it. I also had to add six more generic columns to make the table bigger than the screen on my PC, and I got the same problem - right border is not visible. I am using IE 6.0.2900.2180. I cannot understand why it is happening, but maybe you are right about HTML forum.
Thank you for your help anyway.