html table

[CalSun]

I have a datagrid with about 15 columns bound at run time. I create an html
table and have this datagrid inside.

<table align=center width="90%">
<tr>
<td>
<asp:datagrid ......
...
</asp:datagrid>
</td>
</tr>
</table>

Somehow the datagrid go beyond the screen width. I have to scroll
horizontally to view the last several columns.
I like to have this table 90% of the screen width (any screen, or solution).
Anyone has ideas how to archive this?
--Thanks

[JV]

what style attrs do you have set on this datagrid?

"CalSun" <ca****@gmail.c om> wrote

I have a datagrid with about 15 columns bound at run time. I create an html
table and have this datagrid inside.

<table align=center width="90%">
<tr>
<td>
<asp:datagrid ......
...
</asp:datagrid>
</td>
</tr>
</table>

Somehow the datagrid go beyond the screen width. I have to scroll
horizontally to view the last several columns.
I like to have this table 90% of the screen width (any screen, or
solution). Anyone has ideas how to archive this?
--Thanks

[CalSun]

thanks JV for replying. Here is the definition part of the datagrid:

<asp:DataGrid Width="100%" id="grid" runat="server"
AutoGenerateCol umns="false" CssClass="Shado w"
BackColor="whit e" CellPadding="2" CellSpacing="2" GridLines="none "
BorderStyle="so lid" BorderColor="bl ack"
BorderWidth="1" OnItemCreated=" ItemCreated" OnEditCommand=" grid_edit"
OnUpdateCommand ="grid_updat e"
OnDeleteCommand ="grid_delet e" OnCancelCommand ="grid_cance l"
OnItemCommand=" grid_DelAdd" font-size="x-small"
font-names="verdana" ShowFooter="Tru e">
<AlternatingIte mStyle BackColor="pale goldenrod" />
<ItemStyle BackColor="beig e" Font-Size="x-small" />
<HeaderStyle ForeColor="whit e" BackColor="brow n" Font-Bold="true" />
<FooterStyle ForeColor="#330 099" BackColor="#FFF FCC"></FooterStyle>
<Columns>
...
</asp:DataGrid>

--Cal

"JV" <jo**********@g oisc.com> wrote in message
news:Ob******** ******@TK2MSFTN GP10.phx.gbl...

what style attrs do you have set on this datagrid?

"CalSun" <ca****@gmail.c om> wrote

I have a datagrid with about 15 columns bound at run time. I create an
html table and have this datagrid inside.

<table align=center width="90%">
<tr>
<td>
<asp:datagrid ......
...
</asp:datagrid>
</td>
</tr>
</table>

Somehow the datagrid go beyond the screen width. I have to scroll
horizontally to view the last several columns.
I like to have this table 90% of the screen width (any screen, or
solution). Anyone has ideas how to archive this?
--Thanks

[Sreejith Ram]

CalSun,

Instead of using the table width 90% and the datagrid width 100% as shown
in your first post, you may want to directly set the width of the DataGrid to
90% as below
<asp:DataGrid Width="90%" align="center" id="grid" runat="server"

Visual Studio may underline the align attribute with red to indicate it is
wrong , but this will be rendered to following HTML

<table align="center" id="grid" style="width:90 %;"

If there are lot of table formattings to do , it is a good idea to consider
asp:repeater instead of DataGrid.

"CalSun" wrote:

thanks JV for replying. Here is the definition part of the datagrid:

<asp:DataGrid Width="100%" id="grid" runat="server"
AutoGenerateCol umns="false" CssClass="Shado w"
BackColor="whit e" CellPadding="2" CellSpacing="2" GridLines="none "
BorderStyle="so lid" BorderColor="bl ack"
BorderWidth="1" OnItemCreated=" ItemCreated" OnEditCommand=" grid_edit"
OnUpdateCommand ="grid_updat e"
OnDeleteCommand ="grid_delet e" OnCancelCommand ="grid_cance l"
OnItemCommand=" grid_DelAdd" font-size="x-small"
font-names="verdana" ShowFooter="Tru e">
<AlternatingIte mStyle BackColor="pale goldenrod" />
<ItemStyle BackColor="beig e" Font-Size="x-small" />
<HeaderStyle ForeColor="whit e" BackColor="brow n" Font-Bold="true" />
<FooterStyle ForeColor="#330 099" BackColor="#FFF FCC"></FooterStyle>
<Columns>
...
</asp:DataGrid>

--Cal

"JV" <jo**********@g oisc.com> wrote in message
news:Ob******** ******@TK2MSFTN GP10.phx.gbl...

what style attrs do you have set on this datagrid?

"CalSun" <ca****@gmail.c om> wrote

I have a datagrid with about 15 columns bound at run time. I create an
html table and have this datagrid inside.

<table align=center width="90%">
<tr>
<td>
<asp:datagrid ......
...
</asp:datagrid>
</td>
</tr>
</table>

Somehow the datagrid go beyond the screen width. I have to scroll
horizontally to view the last several columns.
I like to have this table 90% of the screen width (any screen, or
solution). Anyone has ideas how to archive this?
--Thanks