texto central nas colunas da tabela com colgrupos

Um desafio comum nas tabelas HTML está alinhando o texto centralmente em colunas específicas. Apesar de usar o

O ponto crucial da questão está nas limitações do CSS. Apenas algumas propriedades CSS selecionadas, incluindo a cor de fundo, aplicam-se a colunas. Infelizmente, o text-align não está entre eles.

Para superar esse obstáculo, é necessária uma abordagem alternativa. No exemplo dado, a adição das seguintes regras CSS centralizará o texto em todas as células da tabela, exceto a primeira coluna:

#myTable tbody td { text-align: center }
#myTable tbody td:first-child { text-align: left }

Esta solução aproveita o fato de que o text-align se aplica às células da tabela. Observe que esse método não é compatível com o IE6, mas curiosamente, no IE6, o text-align realmente se aplica (embora incorretamente) às colunas. . Abordar esse problema menor garantirá que a estrutura da tabela seja válida de acordo com os padrões HTML.