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>
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


0