Suponiendo que tengo una tabla con intervalos de columnas y filas, estoy buscando una manera de encontrar el encabezado que identifica de forma única una celda.
Para esta mesa:
table { border-collapse: collapse; } table, td, th { border: 1px solid gray; } <table> <thead> <tr> <th colspan="2">col1</th> <th rowspan="2">col2</th> <th rowspan="3">col3</th> </tr> <tr> <th>col4</th> </tr> <tr> <th colspan="2">col5</th> <th>col7</th> </tr> </thead> <tbody> <tr> <td>value</td> <td>value1</td> <td>value2</td> <td>value3</td> </tr> </tbody> </table>https://jsfiddle.net/j3kqrpt0/
Me gustaría obtener el siguiente encabezado
| col5 | col5 | col3 | col7 |
|---|
Básicamente, todo lo que tienes que hacer es -
Luego, en el cuerpo de la tabla vas de la misma manera, solo que con diferentes elementos:
Aquí está el fragmento de código.
table, th, td { border: 1px solid; } <table> <thead> <tr> <th>col5</th> <th>col5</th> <th>col3</th> <th>col7</th> </tr> </thead> <tbody> <tr> <td>value</td> <td>value1</td> <td>value2</td> <td>value3</td> </tr> </tbody> </table>