CSS Only solution to highlighting the current row and column

cell-highlight.css

table {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 2;
}

table tr {
    -webkit-transition: background-color 0.3s;
            transition: background-color 0.3s;
}

table td {
    // Comment this if you want to have the full row and column highlighted
    // instead of just the row th and column th
    background-color: #FFFFFF;
}

table td:after {
    content: '';
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    -webkit-transition: background-color 0.3s;
            transition: background-color 0.3s;
    width: 100%;
    z-index: -1;
}

table tr:hover,
table td:hover:after,
table td:hover {
    background-color: rgba(0,0,0,0.125);
}