Yo haría así, sin clases ni nada:
CSS
Código CSS:
Ver originaltable{
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
border-spacing: 0;
}
thead, tfoot{
background: #6A96CC;
}
thead th, tfoot td{
border-top: 2px solid #6678B1;
border-bottom: 2px solid #6678B1;
}
thead th{
color: #79008E;
font-weight: normal;
}
tfoot td{
text-align: center;
color: #FFF;
}
td, th{
padding: 5px 10px;
}
tbody td{
color: #6666B5;
}
tbody tr{
background: #C6F0E3;
}
/* poner la última columna en negrita */
tbody tr td:last-child{
font-weight: bold;
}
/* intercalar color de fonto para filas impares */
tbody tr:nth-child(2n+1){
background: #D5DBF4;
}
/* La primera columna es siempre verde y el texto negro */
tbody tr td:first-child{
background: #C6F0E3;
color: #000;
}
Claro que si querés compatibilidad con navegadores más viejos (aunque la tabla se ve decente) podés usar clases en lugar de esos selectores. Simplemente ponele la clase "primera_columna" a los primeros td's y "ultima_columna" a los últimos. También podés ponerle clases a los tr's para identificar los pares e impares.
Y lo del pie es porque no estás usando colspan. El atributo colspan hace que una celda ocupe varias columnas.