Esta é uma função mais prática. Depois de definir as linhas pares e ímpares com cores diferentes, a experiência de leitura dos dados da tabela obviamente se tornará melhor. Caso contrário, os dados parecerão muito complicados e aglomerados (a experiência será especialmente óbvia quando houver muitos). linhas de dados da tabela). Somente quando você realmente fizer esse aspecto você terá uma experiência forte. De qualquer forma, acabei de vivenciar isso, então vou deixar aqui para referência.
O código principal do script JS é o seguinte (o id do elemento da tabela é ajustado de acordo com sua situação. O jquery-1.7.min.js no código pode ser baixado do site oficial do jquery)
Copie o código do código da seguinte forma:
<script src="jquery-1.7.min.js"></script>
<roteiro>
$(documento).ready(function(){
SetTableRowColor();
});
//Use CSS para controlar a cor das linhas pares e ímpares
função SetTableRowColor()
{
$("#Tabela tr:odd").css("cor de fundo", "#e6e6fa");
$("#Table tr:even").css("cor de fundo", "#fff0fa");
}
</scirpt>