Por padrão, tabelas usam uma cor de fundo consistente para cada linha. As tabelas com grandes quantidades de dados e muitas linhas pode parecer difícil de ler por causa disso. Usando uma combinação de classes em um script arquivo CSS e PHP, você pode alternar as cores das linhas de uma tabela. Você vai usar um loop para percorrer cada linha, independentemente de quantos você tem em cima da mesa. Você pode utilizar os dados para linhas de tabela a partir de qualquer fonte, incluindo uma variável de matriz ou registros tomadas a partir de um banco de dados. Instruções
1
Abra o arquivo CSS. Digite o seguinte para definir duas classes:
Row1 {background- color: # FFFFFF ;}
row2 . {Background- color: # B0B0B0 ;}
Quaisquer linhas. que usar a classe " linha1 " tem um fundo branco, e as linhas que usam " row2 " tem um fundo cinza claro .
2
Abra o arquivo HTML. Digite o seguinte para criar uma nova tabela em HTML:
Dados |
< /tr>
3
Digite o seguinte para abrir uma tag PHP e obter as informações que você vai usar para preencher a tabela :
$ myArray = array ( "Item 1", " item 2 ", " item 3 ", " item 4" );
$ i = 0;
A "$ i " atos de variáveis como um contador para linhas alternadas . . Substitute " $ meuArray " com os dados reais que você precisa, tais como linhas de um banco de dados
4
digite o seguinte para as cores de linhas alternadas na tabela, em seguida, feche as tags PHP e tabelas : < br >
foreach ($ meuArray como $ dados ) {
if ($ i% 2 == 1) {
echo "
\\ n | " . $ dados . " | \\ n
\\ n"; }
else {
echo "
\\ n | " . $ dados . " | \\ n
\\ n"; }
$ i + +; ?
}
> < br >
o "se" função executa um cálculo " mod" no "$ i" variável de contador . Se o resultado for um , da classe " linha1 " com a cor da linha de branco é aplicado à linha . Quando o resultado é zero , a classe " row2 " com a cor cinzento claro é aplicado à linha . A variável do contador , em seguida, aumenta a uma, ea função se repete até que todos os registros da variável $ myArray é carregada na tabela .
5
Salve o HTML e CSS e enviá-los para o seu servidor web.
