Skip to main content
correções
Fonte Link
utluiz
  • 74,6mil
  • 8
  • 162
  • 254

Não precisa usar código para fazer isso, seja em PHP ou Javascript, apenas CSS.

Veja este exemplo:

.tabela tr:nth-child(even) {background: #CCC}
.tabela tr:nth-child(odd) {background: #FFF}

Então apenas adicionaadicione o class tabela na sua table:

<table class="pesquisaClientes"id="pesquisaClientes" class="tabela">

Porém, isso não vai funcionar nas versões anteriores ao Internet Explorer 8. Se precisar manter a compatibilidade, use o jQuery. Exemplo:

$(document).ready(function()
{
    $(".tabela tr:even").css("background-color", "#CCC");
    $(".tabela tr:odd").css("background-color", "#FFF");
});

Não precisa usar código para fazer isso, seja em PHP ou Javascript, apenas CSS.

Veja este exemplo:

.tabela tr:nth-child(even) {background: #CCC}
.tabela tr:nth-child(odd) {background: #FFF}

Então apenas adiciona o class tabela na sua table:

<table class="pesquisaClientes" class="tabela">

Porém, isso não vai funcionar nas versões anteriores ao Internet Explorer 8. Se precisar manter a compatibilidade, use o jQuery. Exemplo:

$(document).ready(function()
{
    $(".tabela tr:even").css("background-color", "#CCC");
});

Não precisa usar código para fazer isso, seja em PHP ou Javascript, apenas CSS.

Veja este exemplo:

.tabela tr:nth-child(even) {background: #CCC}
.tabela tr:nth-child(odd) {background: #FFF}

Então apenas adicione o class tabela na sua table:

<table id="pesquisaClientes" class="tabela">

Porém, isso não vai funcionar nas versões anteriores ao Internet Explorer 8. Se precisar manter a compatibilidade, use o jQuery. Exemplo:

$(document).ready(function()
{
    $(".tabela tr:even").css("background-color", "#CCC");
    $(".tabela tr:odd").css("background-color", "#FFF");
});

Não precisa usar código para fazer isso, seja em PHP ou Javascript, apenas CSS.

Veja este exemplo:

.tabela tr:nth-child(even) {background: #CCC}
.tabela tr:nth-child(odd) {background: #FFF}
.tabela tr:nth-child(even) {background: #CCC}
.tabela tr:nth-child(odd) {background: #FFF}

Então apenas adiciona o class tabela na sua table:

<table class="pesquisaClientes" class="tabela">
<table class="pesquisaClientes" class="tabela">

Porém, isso não vai funcionar nas versões anteriores ao Internet Explorer 8. Se precisar manter a compatibilidade, use o jQuery. Exemplo:

$(document).ready(function()
{
    $(".tabela tr:even").css("background-color", "#CCC");
});
$(document).ready(function()
{
    $(".tabela tr:even").css("background-color", "#CCC");
});

Não precisa usar código para fazer isso, seja em PHP ou Javascript, apenas CSS.

Veja este exemplo:

.tabela tr:nth-child(even) {background: #CCC}
.tabela tr:nth-child(odd) {background: #FFF}

Então apenas adiciona o class tabela na sua table:

<table class="pesquisaClientes" class="tabela">

Porém, isso não vai funcionar nas versões anteriores ao Internet Explorer 8. Se precisar manter a compatibilidade, use o jQuery. Exemplo:

$(document).ready(function()
{
    $(".tabela tr:even").css("background-color", "#CCC");
});

Não precisa usar código para fazer isso, seja em PHP ou Javascript, apenas CSS.

Veja este exemplo:

.tabela tr:nth-child(even) {background: #CCC}
.tabela tr:nth-child(odd) {background: #FFF}

Então apenas adiciona o class tabela na sua table:

<table class="pesquisaClientes" class="tabela">

Porém, isso não vai funcionar nas versões anteriores ao Internet Explorer 8. Se precisar manter a compatibilidade, use o jQuery. Exemplo:

$(document).ready(function()
{
    $(".tabela tr:even").css("background-color", "#CCC");
});
Fonte Link
utluiz
  • 74,6mil
  • 8
  • 162
  • 254

Não precisa usar código para fazer isso, seja em PHP ou Javascript, apenas CSS.

Veja este exemplo:

.tabela tr:nth-child(even) {background: #CCC}
.tabela tr:nth-child(odd) {background: #FFF}

Então apenas adiciona o class tabela na sua table:

<table class="pesquisaClientes" class="tabela">

Porém, isso não vai funcionar nas versões anteriores ao Internet Explorer 8. Se precisar manter a compatibilidade, use o jQuery. Exemplo:

$(document).ready(function()
{
    $(".tabela tr:even").css("background-color", "#CCC");
});