ASP.NET - Ancho GridView

   
Vista:

Ancho GridView

Publicado por dipat (18 intervenciones) el 07/11/2008 16:14:21
Holas,

Tengo el siguiente inconveniente: Estoy utilizando dos gridview para que me muestren una data que obtengo de una bd. Estoy trabajando en Asp.Net en Visual Web Developer Express.

Uno de los GridView es el encabezado y el otro es el que contiene los registros. Esto lo hice para poder ver siempre el encabezado del grid y no se pierda al bajar o subier para ver los registros.

El problema que tengo es que las columnas están haciendo Wrap y eso que en la parte de los estilos coloque el Wrap en False, tanto para el Header como para los Row. Y además en el estilo de cada grid le coloqué white-space:nowrap, pero igual no me funciona.

Les coloco el codigo para que lo vean. Les agradezco me ayuden porque de verdad se ve como feo que las columnas se amuñuñen:

<div style="overflow:hidden; width:950px; height:65px; position:relative; left: 0px; top: 2px;" id="DivCabecera">

<asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" style="position:relative;white-space:nowrap; width:auto" GridLines="None" CellPadding="4" ForeColor="#333333">
<Columns>
<asp:BoundField DataField="ID" HeaderText="ID" />
<asp:BoundField DataField="Country" HeaderText="Country" />
<asp:BoundField DataField="Customer" HeaderText="Customer" />
<asp:BoundField DataField="City" HeaderText="City" />
<asp:BoundField DataField="Network" HeaderText="Network" />
<asp:BoundField DataField="Site" HeaderText="Site" />
<asp:BoundField DataField="Node Vendor" HeaderText="Node Vendor" />
<asp:BoundField DataField="Node" HeaderText="Node" />
<asp:BoundField DataField="Date" HeaderText="Date" />
<asp:BoundField DataField="SW Spt Cont." HeaderText="SW Spt Cont." />
<asp:BoundField DataField="SW Cont. Start Date" HeaderText="SW Cont. Start Date" />
<asp:BoundField DataField="SW Cont. End Date" HeaderText="SW Cont. End Date" />
<asp:BoundField DataField="SW Wty Status" HeaderText="SW Wty Status" />
<asp:BoundField DataField="SW Wty Start Date" HeaderText="SW Wty Start Date" />
<asp:BoundField DataField="SW Wty End Date" HeaderText="SW Wty End Date" />
<asp:BoundField DataField="HW Spt Cont." HeaderText="HW Spt Cont." />
<asp:BoundField DataField="HW Cont. Start Date" HeaderText="HW Cont. Start Date" />
<asp:BoundField DataField="HW Cont. End Date" HeaderText="HW Cont. End Date" />
<asp:BoundField DataField="HW Wty Type" HeaderText="HW Wty Type" />
<asp:BoundField DataField="HW Wty Start Date" HeaderText="HW Wty Start Date" />
<asp:BoundField DataField="HW Wty End Date" HeaderText="HW Wty End Date" />
<asp:BoundField DataField="SW Update Commitment" HeaderText="SW Update Commitment" />
<asp:BoundField DataField="Comments" HeaderText="Comments" />
<asp:BoundField DataField="Platf. Type" HeaderText="Platf. Type" />
<asp:BoundField DataField="Platf. Version" HeaderText="Platf. Version" />
<asp:BoundField DataField="Platf. Correction" HeaderText="Platf. Correction" />
<asp:BoundField DataField="Appl. Type" HeaderText="Appl. Type" />
<asp:BoundField DataField="Appl. Version" HeaderText="Appl. Version" />
<asp:BoundField DataField="Appl. Correction" HeaderText="Appl. Correction" />
<asp:BoundField DataField="Addit. Corrections" HeaderText="Addit. Corrections" />
<asp:BoundField DataField="Maint. Level" HeaderText="Maint. Level" />
<asp:BoundField DataField="Maint. Level End Date" HeaderText="Maint. Level End Date" />

</Columns>
<HeaderStyle BackColor="#0083C3" Font-Names="Arial" Font-Size="Small" ForeColor="White" Font-Bold="True" Wrap="False" />
<RowStyle Font-Names="Arial" Font-Size="Small" BackColor="#EFF3FB" Wrap="False" />
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<EditRowStyle BackColor="#2461BF" />
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
<AlternatingRowStyle BackColor="White" />
</asp:GridView>
</div>
</div>
<div align="left">
<div style="overflow:auto; width:951px; height:434px; MARGIN: 0px 0px 0px 0px;" id="divScroll" onScroll="DoScroll()">
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" GridLines="None" CellPadding="4" ForeColor="#333333" style="white-space:nowrap">
<Columns>
<asp:BoundField DataField="ID" HeaderText="ID" />
<asp:BoundField DataField="Country" HeaderText="Country" />
<asp:BoundField DataField="Customer" HeaderText="Customer" />
<asp:BoundField DataField="City" HeaderText="City" />
<asp:BoundField DataField="Network" HeaderText="Network" />
<asp:BoundField DataField="Site" HeaderText="Site" />
<asp:BoundField DataField="Node Vendor" HeaderText="Node Vendor" />
<asp:BoundField DataField="Node" HeaderText="Node" />
<asp:BoundField DataField="Date" HeaderText="Date" />
<asp:BoundField DataField="SW Spt Cont." HeaderText="SW Spt Cont." />
<asp:BoundField DataField="SW Cont. Start Date" HeaderText="SW Cont. Start Date" />
<asp:BoundField DataField="SW Cont. End Date" HeaderText="SW Cont. End Date" />
<asp:BoundField DataField="SW Wty Status" HeaderText="SW Wty Status" />
<asp:BoundField DataField="SW Wty Start Date" HeaderText="SW Wty Start Date" />
<asp:BoundField DataField="SW Wty End Date" HeaderText="SW Wty End Date" />
<asp:BoundField DataField="HW Spt Cont." HeaderText="HW Spt Cont." />
<asp:BoundField DataField="HW Cont. Start Date" HeaderText="HW Cont. Start Date" />
<asp:BoundField DataField="HW Cont. End Date" HeaderText="HW Cont. End Date" />
<asp:BoundField DataField="HW Wty Type" HeaderText="HW Wty Type" />
<asp:BoundField DataField="HW Wty Start Date" HeaderText="HW Wty Start Date" />
<asp:BoundField DataField="HW Wty End Date" HeaderText="HW Wty End Date" />
<asp:BoundField DataField="SW Update Commitment" HeaderText="SW Update Commitment" />
<asp:BoundField DataField="Comments" HeaderText="Comments" />
<asp:BoundField DataField="Platf. Type" HeaderText="Platf. Type" />
<asp:BoundField DataField="Platf. Version" HeaderText="Platf. Version" />
<asp:BoundField DataField="Platf. Correction" HeaderText="Platf. Correction" />
<asp:BoundField DataField="Appl. Type" HeaderText="Appl. Type" />
<asp:BoundField DataField="Appl. Version" HeaderText="Appl. Version" />
<asp:BoundField DataField="Appl. Correction" HeaderText="Appl. Correction" />
<asp:BoundField DataField="Addit. Corrections" HeaderText="Addit. Corrections" />
<asp:BoundField DataField="Maint. Level" HeaderText="Maint. Level" />
<asp:BoundField DataField="Maint. Level End Date" HeaderText="Maint. Level End Date" />

</Columns>
<RowStyle Font-Names="Arial" Font-Size="Small" BackColor="#EFF3FB" Wrap="False" />
<HeaderStyle BackColor="White" Font-Names="Arial" Font-Size="Small" ForeColor="White" Font-Bold="True" Wrap="False" />
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<EditRowStyle BackColor="#2461BF" />
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
<AlternatingRowStyle BackColor="White" />
</asp:GridView>
</div>
</div>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:Ancho GridView

Publicado por x (445 intervenciones) el 07/11/2008 17:09:56
Hay un control en Inet que implementa eso que tu deseas (cabeceras fijas), no recuerdo el nombre del control, pero si buscas con Google usando las palabras GridView y DataGrid no creo que tengas problemas en encontrarlo.

Saludos
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Ancho GridView

Publicado por dipat (18 intervenciones) el 07/11/2008 20:27:31
EL problema no es ese... eso ya lo tengo solucionado. El problema es el ancho de las columnas que hacen wrap, y no quiero que hagan wrap
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Ancho GridView

Publicado por x (445 intervenciones) el 08/11/2008 22:39:06
Ya intentaste poniendo la propiedad CSS de las celdas "white-space" a "nowrap"?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Ancho GridView

Publicado por dipat (18 intervenciones) el 10/11/2008 14:07:16
SI también :(
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Ancho GridView noWrap

Publicado por dipat (18 intervenciones) el 11/11/2008 15:04:23
Osea yo realmente lo que no quiero es que lo que está dentro de mis columnas o sus encabezados hagan WRAP... es decir, quiero que se vea todo en una fila y no en múltiples.

Ya he colocado en el encabezado Wrap="False" y en las filas tambien Wrap="False". PEro nada esto no funciona.... no se que carrizo está pasando, esto ya me está desesperando.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Ancho GridView noWrap

Publicado por x (445 intervenciones) el 12/11/2008 00:03:23
Pues la verdad si me parece extraño, dado que yo solo he necesitado de white-space: nowrap
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Ancho GridView noWrap

Publicado por dipat (18 intervenciones) el 13/11/2008 17:23:38
Oye es increible que sólo a mi me pase esto...

Coloqué todo esto:

HeaderStyle-Wrap="false" RowStyle-Wrap="false" EmptyDataRowStyle-Wrap="false" AlternatingRowStyle-Wrap="false" FooterStyle-Wrap="false" PagerStyle-Wrap="false" SelectedRowStyle-Wrap="false"

Y nada que funciona

que carrizo tendrá?

Se ve horrible esos encabezados en varias lineas.

Se está viendo as, por ejemplo:

nombre Apellido
del usuario del usuario

Y yo quiero que se vea así:

Nombre del Usuario Apellido del Usuario


Cómo hago???
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Ancho GridView noWrap

Publicado por dipat (18 intervenciones) el 13/11/2008 17:37:28
OLvidenlo ya lo logré.

Como los campos del gridview eran boundfields, lo que tuve que hacer fue ir campo por campo y cambiar en las propiedades en la seccion header-style, colocar wrap en false.

Y eso es todo.

Gracias de todos modos.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar