Como texto alinhar dentro de uma célula FooterTemplate em um GridView

Question

Como o texto align dentro de uma célula FooterTemplate em um GridView

Eu tentei o seguinte, mas o texto ainda está centrado (há uma tag centro pai):

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

Answer 1

Na coluna pai do FooterStyle-HorizontalAlign="Right" definição tentativa template

Answer 2

Talvez

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

funciona como você quer.

Answer 3

Use display: block que substitui size: 100% (o que não existe, AFAIK)

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

Answer 4

The Grid-view seria no final ser processado como uma tabela em si, portanto, usando seletores básicos CSS, podemos resolver o problema, eu usei o seguinte para resolver o mesmo problema que eu estava de frente, espero que isso ajude alguém olhando para esta discussão

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

Hope que ajudou.