Skip to main content
1 de 4
lois6b
  • 7.6k
  • 5
  • 33
  • 54

Con JS puedes decir que todas las cabeceras th sean con fondo rojo y las celdas td sean verdes. Pero tienes que usar indirectamente los estilos css.

$("th").css('background-color', 'red');

$("td").css('background-color', 'green');
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>80</td>
  </tr>
</table>

lois6b
  • 7.6k
  • 5
  • 33
  • 54