Gridview wordwrap

Question

He intentado cambiar la propiedad RowStyle Wrap y cada propiedad Wrap en la grilla. ¿Cómo detengo el ajuste de palabras en una vista de cuadrícula sin importar el tamaño de la longitud de texto de la fila?

Answer 1

No es RowStyle. Debe establecer la configuración de ajuste del elemento individual debajo de las columnas.

<asp:GridView ID="GridView1" runat="server"> 
    <Columns> 
     <asp:BoundField> 
     <ItemStyle Wrap="False" /> 
     </asp:BoundField> 
     <asp:BoundField> 
     <ItemStyle Wrap="False" /> 
     </asp:BoundField> 
    </Columns> 
</asp:GridView> 

Esto debe hacerse para cada columna individual. Sin embargo, puede configurar un método en el código subyacente para hacerlo por usted.

Answer 2

Jason escribe en this blog post:

que se enfrentan a los mismos problemas con el Gridview al cargar texto largo de la base de datos. Probé el método DIV para obtener estilo CSS para evitar que la tabla se expanda completamente hacia la derecha. Lo tengo que trabajar ahora con elipsis que muestra si el texto es demasiado largo. Sin embargo, esto significa que no puedo mostrar todo el texto en la vista de cuadrícula, lo que me puede confundir a los usuarios.

Así que agregué otro estilo llamado "word-break: break-all" para dividir el texto en trozos que encajan correctamente en la tabla y obtuve los resultados que quería. A continuación se muestra las partes a mi código:

<style type="text/css"> 
    .DisplayDesc { width:500px; word-break: break-all; } 
    .DisplayDiv { width:500px; OVERFLOW:hidden; TEXT-OVERFLOW:ellipsis;} 
</style> 

<asp:TemplateField HeaderText="Log Description"> 
    <ItemStyle Font-Names="Tahoma" Font-Size="X-Small" 
       HorizontalAlign="Left" Wrap="True" /> 
    <ItemTemplate> 
     <div class="DisplayDiv"> 
      <asp:Label CssClass="DisplayDesc" ID="Label1" runat="server" 
         Text='<%# Bind("TransText") %>'></asp:Label> 
     </div> 
    </ItemTemplate> 
</asp:TemplateField> 

Answer 3

Sólo hay que establecer nowrap en una clase CSS, y aplicar esa clase para abarcar la etiqueta, y poner su lable dentro de esa etiqueta span,

span class = "yourclassname" su asp lable tag/span

Answer 4

esto es lo que funcionó para mí

<asp:GridView ID="SomeGridView" CssClass="gridtext" > 

.gridtext 
{ 
    white-space: nowrap; 
} 

.gridtext table 
{ 
    white-space: nowrap; 
} 
.gridtext tr 
{ 
    white-space: nowrap; 
} 
.gridtext td 
{ 
    white-space: nowrap; 
} 

.gridtext th 
{ 
    white-space: nowrap; 
}