Ancho columnas identicos de dos datagrid

[didi7]

Saludos!!!

NEcesito igual el ancho de las columnas de dos datagrid, de los cuales uno es el encabezado y el otro son las filas de la consulta que hago a la base de datos, por esto necesito que posean el mismo ancho en las columnas para que se vean identicos como si fuera una sóla tabla, Estoy programando en visual web developer 2005 express edition. He visto por la net que es necesario aplicar un datagridcolumstyle o algo así... pero sucede que no tengo esto en el visual web... no se cómo hacer que me sugieren ustedes?. de verdad es urgente es un proyecto que tengo que entregar llevo tiempo buscando esto.

[RootK]

Puedes ponerle a tus encabezados un tamaño determinado y colocar dentro de tu columna (cabecera) NOWRAP

Salu2

[didi7]

Hola rootk!

No me funciona eso... no se que debo hacer para esto funcione:

Este es el código que tengo tanto para encabezado:

<div style="z-index: 125; left: 1px; overflow: hidden; width: 1082px; position: absolute;
top: 173px; height: 51px">
<asp:DataGrid ID="DataGrid3" runat="server" CellPadding="3" ItemStyle-Wrap="true"
Height="100px" Style="font-size: 12px; font-family: Arial; left: 0px; position: relative; top: -1px;" ForeColor="#333333" GridLines="Vertical" BorderColor="White">
<FooterStyle BackColor="#5D7B9D" ForeColor="White" BorderStyle="Solid" Font-Bold="True" BorderColor="#D7EDFB" />
<EditItemStyle BackColor="#999999" BorderStyle="Dashed" BorderColor="#D7EDFB" HorizontalAlign="Center" VerticalAlign="Middle" Wrap="False" />
<SelectedItemStyle BackColor="#EBF6FD" Font-Bold="True" ForeColor="#333333" BorderColor="Silver" BorderStyle="Solid" HorizontalAlign="Center" VerticalAlign="Middle" Wrap="False" />
<PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" BorderColor="#D7EDFB" />
<AlternatingItemStyle BackColor="#D7EDFB" BorderColor="Silver" ForeColor="#284775" HorizontalAlign="Center" VerticalAlign="Middle" Wrap="False" />
<ItemStyle BackColor="#EBF6FD" ForeColor="#333333" BorderColor="Silver" HorizontalAlign="Center" VerticalAlign="Middle" Wrap="True" />
<HeaderStyle BackColor="#2882BE" Font-Bold="True" ForeColor="White" BorderColor="Gainsboro" BorderStyle="Solid" HorizontalAlign="Center" VerticalAlign="Middle" Wrap="false" width="300px" height="15px" />

</asp:DataGrid></div>

Como para el detalle o filas:

<div style="z-index: 125; left: 1px; overflow: auto; width: 1082px; position: absolute;
top: 223px; height: 418px" id="divScroll" onscroll="DoScroll()">
<asp:DataGrid ID="DataGrid2" runat="server" CellPadding="3" AutoGenerateColumns=True ItemStyle-Wrap="true"
Style="font-size: 12px; font-family: Arial; left: 1px; position: absolute; top: 0px;" ForeColor="#333333" GridLines="Vertical" BorderColor="White" ToolTip="Grid" Visible="False" ShowHeader="False">
<FooterStyle BackColor="#5D7B9D" ForeColor="White" BorderStyle="Solid" Font-Bold="True" BorderColor="#D7EDFB" />
<EditItemStyle BackColor="#999999" BorderStyle="Dashed" BorderColor="#D7EDFB" HorizontalAlign="Center" VerticalAlign="Middle" />
<SelectedItemStyle BackColor="#EBF6FD" Font-Bold="True" ForeColor="#333333" BorderColor="Silver" BorderStyle="Solid" HorizontalAlign="Center" VerticalAlign="Middle" />
<PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" BorderColor="#D7EDFB" />
<AlternatingItemStyle BackColor="#D7EDFB" BorderColor="Silver" ForeColor="#284775" HorizontalAlign="Center" VerticalAlign="Middle" />
<ItemStyle BackColor="#EBF6FD" ForeColor="#333333" BorderColor="Silver" HorizontalAlign="Center" VerticalAlign="Middle" />
<HeaderStyle BackColor="#2882BE" Font-Bold="True" ForeColor="White" BorderColor="Gainsboro" BorderStyle="Solid" HorizontalAlign="Center" VerticalAlign="Middle" width="300px" height="15px" />
</asp:DataGrid>
</div>

[didi7]

Hola rootk!

No me funciona eso... no se que debo hacer para esto funcione:

Este es el código que tengo tanto para encabezado:

<div style="z-index: 125; left: 1px; overflow: hidden; width: 1082px; position: absolute;
top: 173px; height: 51px">
<asp:DataGrid ID="DataGrid3" runat="server" CellPadding="3" ItemStyle-Wrap="true"
Height="100px" Style="font-size: 12px; font-family: Arial; left: 0px; position: relative; top: -1px;" ForeColor="#333333" GridLines="Vertical" BorderColor="White">
<FooterStyle BackColor="#5D7B9D" ForeColor="White" BorderStyle="Solid" Font-Bold="True" BorderColor="#D7EDFB" />
<EditItemStyle BackColor="#999999" BorderStyle="Dashed" BorderColor="#D7EDFB" HorizontalAlign="Center" VerticalAlign="Middle" Wrap="False" />
<SelectedItemStyle BackColor="#EBF6FD" Font-Bold="True" ForeColor="#333333" BorderColor="Silver" BorderStyle="Solid" HorizontalAlign="Center" VerticalAlign="Middle" Wrap="False" />
<PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" BorderColor="#D7EDFB" />
<AlternatingItemStyle BackColor="#D7EDFB" BorderColor="Silver" ForeColor="#284775" HorizontalAlign="Center" VerticalAlign="Middle" Wrap="False" />
<ItemStyle BackColor="#EBF6FD" ForeColor="#333333" BorderColor="Silver" HorizontalAlign="Center" VerticalAlign="Middle" Wrap="True" />
<HeaderStyle BackColor="#2882BE" Font-Bold="True" ForeColor="White" BorderColor="Gainsboro" BorderStyle="Solid" HorizontalAlign="Center" VerticalAlign="Middle" Wrap="false" width="300px" height="15px" />

</asp:DataGrid></div>

Como para el detalle o filas:

<div style="z-index: 125; left: 1px; overflow: auto; width: 1082px; position: absolute;
top: 223px; height: 418px" id="divScroll" onscroll="DoScroll()">
<asp:DataGrid ID="DataGrid2" runat="server" CellPadding="3" AutoGenerateColumns=True ItemStyle-Wrap="true"
Style="font-size: 12px; font-family: Arial; left: 1px; position: absolute; top: 0px;" ForeColor="#333333" GridLines="Vertical" BorderColor="White" ToolTip="Grid" Visible="False" ShowHeader="False">
<FooterStyle BackColor="#5D7B9D" ForeColor="White" BorderStyle="Solid" Font-Bold="True" BorderColor="#D7EDFB" />
<EditItemStyle BackColor="#999999" BorderStyle="Dashed" BorderColor="#D7EDFB" HorizontalAlign="Center" VerticalAlign="Middle" />
<SelectedItemStyle BackColor="#EBF6FD" Font-Bold="True" ForeColor="#333333" BorderColor="Silver" BorderStyle="Solid" HorizontalAlign="Center" VerticalAlign="Middle" />
<PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" BorderColor="#D7EDFB" />
<AlternatingItemStyle BackColor="#D7EDFB" BorderColor="Silver" ForeColor="#284775" HorizontalAlign="Center" VerticalAlign="Middle" />
<ItemStyle BackColor="#EBF6FD" ForeColor="#333333" BorderColor="Silver" HorizontalAlign="Center" VerticalAlign="Middle" />
<HeaderStyle BackColor="#2882BE" Font-Bold="True" ForeColor="White" BorderColor="Gainsboro" BorderStyle="Solid" HorizontalAlign="Center" VerticalAlign="Middle" width="300px" height="15px" />
</asp:DataGrid>
</div>