Tenho uma tabela com 6 colunas, mas só quero dar hover
nas 4 primeiras colunas. É possível fazer isto?
Estou usando MVC 4
e bootstrap
Já estou usando um método em Jquery
:
$(".table tbody tr").hover(function () {
$("table tbody tr .cell-padrao").each(function (index) {
$(this).css("background-color", "#FFF");
});
$(this).each(function (index) {
$(this).find(".cell-padrao").css("background-color", "#eee");
$(this).find(".cell-padrao").css("cursor", "pointer");
});
});
Mas toda vez que eu tiro o mouse da Linha o hover continua lá. Preciso que ele saia. Dá pra melhorar este método ou tem algo em CSS
que possa ser feito?
EDIT: Preciso que ele dê hover nas 4 primeiras(juntas) colunas e as outras 2 colunas fiquem como estão, pois possuem hovers proprios
Exatamente assim: http://uploaddeimagens.com.br/imagens/grid-png--3, mas quando sair da tr o hover suma também