Cómo alinear el texto dentro de una celda FooterTemplate en un GridView

Question

Cómo alinear el texto dentro de una celda de FooterTemplate en un GridView

Intenté lo siguiente, pero el texto aún está centrado (hay una etiqueta del centro de los padres):

<FooterTemplate>
    <span style="size:100%; padding:0; text-align: right">Total:&nbsp;</span>
</FooterTemplate>

Answer 1

En la columna principal de la plantilla, intente configurar FooterStyle-HorizontalAlign="Right"

Answer 2

Tal vez

<FooterTemplate>
    <div style="text-align: right;">
        <span>Total: </span>
    </div>
</FooterTemplate>

funciona como quieras.

Answer 3

Use display: bloque que reemplaza el tamaño: 100% (que no existe, AFAIK)

<FooterTemplate>
  <span style="display:block; padding:0; text-align: right">Total: </span>
</FooterTemplate>

Answer 4

Al final, la vista de cuadrícula se representaría como una tabla, por lo tanto, al utilizar los selectores básicos de CSS, podemos resolver el problema. Usé lo siguiente para solucionar el mismo problema al que me enfrentaba, espero que ayude a cualquier otra persona a buscar para este hilo

    tr:last-of-type td {
        align-content: center;
        vertical-align: middle;
        text-align: center;
    }

Espero que haya ayudado.