Estilo de fila o columna en lugar de celdas al colapso de borde: separar

Question

Tengo una tabla que, por otras razones, prefiero mantener el colapso de tabla: por separado. Sin embargo, me gustaría poder resaltar una fila o columna individual. Desafortunadamente, parece que cualquier estilo aplicado a las etiquetas <tr> o <col> solo se aplica a las celdas, no al espacio entre ellas. Por ejemplo:

<style> 
    td { width: 10px; height: 10px; } 
</style> 
<table style="background-color: purple"> 
    <colgroup> 
    <col span="2"> 
    <col style="background-color: red;"> 
    <col span="2"> 
    <colgroup> 
    <tr><td><td><td><td><td></tr> 
    <tr><td><td><td><td><td></tr> 
    <tr style="background-color: orange;"><td><td><td><td><td></tr> 
    <tr><td><td><td><td><td></tr> 
    <tr><td><td><td><td><td></tr> 
</table> 

resultados en una tabla púrpura con 5 celdas verticales y 5 células horizontales llenas de color pero no toda la fila o columna.

¿Tengo alguna opción además de usar border-collapse: collapse para completar ese espacio entre celdas en una fila o columna determinada?

Answer 1

Si usa un ancho de fila constante, puede usar colspan para unir todas las celdas de una fila en una sola celda y luego crear una nueva tabla con bordes separados con el color de fondo de su elección.

Answer 2

No

con border-collapse: separate, los W3C specifications sates exactamente:

Tenga en cuenta que si la tabla tiene 'border-collapse: separate', el fondo de la zona propuesta por el 'border-spacing' propiedad es siempre el fondo del elemento de la tabla. Vea el separated borders model.

Y:

En [el espaciado de bordes] espacio, la fila, columna, grupo de filas y columnas de grupo fondos son invisibles, permitiendo que el fondo de la tabla para mostrar a través. Las filas, columnas, grupos de filas y grupos de columnas no pueden tener bordes (es decir, los agentes de usuario deben ignorar las propiedades de borde para esos elementos).

Es posible que desee comprobar la compatibilidad del navegador en CSS tabla:

• Table CSS properties
• Table column CSS properties

Answer 3

table-collapse: separate con cellspacing chupa un poco por esta razón. Probablemente sea mejor que no se colapsen los bordes y rellenen manualmente las celdas individuales en CSS.