Saltar al contenido

¿Cómo alinear centralmente el texto del encabezado de un TemplateField?

este problema se puede resolver de variadas maneras, por lo tanto te dejamos la que en nuestra opinión es la respuesta más completa.

Solución:

El

La etiqueta está en desuso en HTML 4.01 y no es compatible con HTML5; el código de trabajo que publicó podría ser “CSS-ified” de la siguiente manera:


    
        
            Events
        
    

(Nota: Panel es el equivalente ASP.Net de un

.)

Una ligera mejora aquí es definir una clase CSS para el estilo para que pueda reutilizarse en otro lugar:

.center 
  margin-left: auto;
  margin-right: auto;
  text-align: center;

… y haga referencia desde el panel en lugar de usar el estilo en línea:


Acabo de crear una nueva solución de WebForms y eliminé el arranque solo para asegurarme de que ningún estilo css interfiera con mi código. Esto es lo que he hecho para reproducir su problema.

aspx:


    
        
            
                
            
        
    


Como puede ver, he definido un TemplateField sin ningún estilo CSS adicional.

Código detrás:

public partial class _Default : Page

    protected void Page_Load(object sender, EventArgs e)
    
        grid.DataSource = GetPersons();
        grid.DataBind();
    

    public IEnumerable GetPersons()
    
        for(int i = 0; i< 10; i++)
        
            yield return new Person  FirstName = $"Johni", LastName = "Doe", Age = i ;
        
    

Solo estoy devolviendo 10 elementos ficticios para crear una cuadrícula de demostración. Nada fuera de lo común.

Este es el resultado en Chrome e Internet Explorer:

ingrese la descripción de la imagen aquí

Como puede ver, los encabezados están centrados por defecto. Y esto es tanto para -BoundFields como para TemaplateFields.

Si este no es su caso, le recomiendo verificar si alguna otra hoja de estilo está interfiriendo con sus estilos. Sé que bootstrap 3 por defecto es text-align: center por th elementos (porque acabo de comprobar)

Por derecho, temStyle-HorizontalAlign="Center" debería estar funcionando. Solo tenga en cuenta que sus estilos de vista de cuadrícula se heredan de la hoja de estilo principal. Es decir, su vista de cuadrícula tiene al menos un estilo principal que no está alineado. Ahí debería venir tu problema.

Sección de Reseñas y Valoraciones

Si sostienes alguna desconfianza o capacidad de mejorar nuestro artículo puedes realizar una glosa y con placer lo analizaremos.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *