Выделение строки таблицы при наведении курсора показывает пробел между столбцами - PullRequest
Новая
       7

Выделение строки таблицы при наведении курсора показывает пробел между столбцами

1 голос
/ 15 марта 2011

Я искал ответ на этот вопрос, но не могу найти его в сети.

В основном я хочу выделить строку таблицы, если пользователь наводит на нее курсор.

IМожно сделать это с помощью CSS или JQuery, но оба показывают пустое пространство между столбцами, так что это выглядит довольно некрасиво.

Мне было интересно, если есть способ решить эту проблему?разнесены с помощью cellspacing в объявлении таблицы в html. 

<script type="text/javascript">
$(document).ready(function(){
    $('.highlight').hover(function(){
        $(this).children().addClass('datahighlight');
    },function(){
        $(this).children().removeClass('datahighlight');
    });
  });
  </script>`

<table class="gig-table" cellspacing="30">
<tr class="highlight">`

в CSS: 

.datahighlight { background-color:#cc0099 !important; }

1 Ответ

2 голосов
/ 15 марта 2011

Использование: 

 <table cellspacing="0" cellpadding="0">

А если вы хотите, чтобы внутри ваших ячеек было место, используйте CSS: 

  td {padding:10px;}
  tr:hover {background-color:magenta;} /* does not works in old IE versions */
...