Pregunta ¿Una forma de agrupar celdas de tabla en html?


Por lo tanto, es bastante sencillo. Necesito una forma de agrupar celdas. Como un <div> o una <span> pero ninguno de ellos funcionó. <tbody> parecía una buena solución, pero solo funciona para las filas de la tabla. ¡Ayuda!


11
2018-03-23 22:42


origen


Respuestas:


Puedes agregar el html col etiqueta para agrupar las columnas td.

.col-group-1 {
  background-color: yellow;
 }

.col-group-2 {
  background-color: silver;
 }
<table>
  <colgroup>
    <col class="col-group-1">
    <col span="2" class="col-group-2">
  </colgroup>
  <tr>
    <th>Name</th>
    <th>City</th>
    <th>Phone</th>
  </tr>
  <tr>
    <td>Mary</td>
    <td>New york</td>
    <td>987654321</td>
  </tr>
  <tr>
    <td>Magdalena</td>
    <td>Los Angeles</td>
    <td>123456789</td>
  </tr>
</table>

</body>
</html>

Por favor revisa el etiqueta html col

y cómo usarlos con estilo css


1
2017-10-27 12:40