En principio no se puede hacer, porque una tabla se divide en filas, no en columnas.
Hay un pequeño truco para hacerlo. Necesitas primero ocultar lo que se va a salir de la tabla y que cada celda tenga una posición relativa:
Código CSS:
Ver originaltable {
overflow: hidden;
}
td {
position: relative;
}
Luego en el :hover, puedes usar el pseudo-elemento ::after para crear el efecto visual de las columnas. No es más que un elemento exageradamente grande y del mismo ancho que la celda. El top negativo es para que si se pasa por celdas de abajo siga igual.
Código CSS:
Ver originaltd:hover:after {
position: absolute;
top: -10000px;
left: 0;
right: 0;
height: 20000px;
content: ' ';
background-color: yellow;
z-index: -1;
}