Можно ли каким-то образом иметь рамку вокруг строки таблицы?

Question

Я пытаюсь добавить границы вокруг определенных строк таблицы, которые меняют ее цвета, когда мышь входит в строку. Тем не менее, я не вижу границы вообще, если не использую border-collapse:collapse;, но я должен избегать коллапса границы, поскольку в некоторых случаях граница видна слева, справа и снизу, но не сверху (возможно, потому что у меня не может быть отступа / margin при использовании border-collapse).

Есть ли способ достичь этого?

<table style="border-collapse:collapse;">
  <tr style="border:1px solid black">
    <td>Cell_1</td>
    <td>Cell_2</td>
  </tr>
</table>

Answer 1

Вместо этого вы можете попробовать outline.

tr:hover {
    outline: 1px solid #999;
}

Посмотрите: http://jsfiddle.net/dWWkx/3/

Answer 2

Насколько я знаю, вы не можете поместить границу в строку таблицы, но вы можете поместить ее в ячейку таблицы (<td>).С помощью некоторого креатива border-right и border-left, с интервалом между ячейками 0, вы сможете добиться появления границы вокруг всего ряда.

Answer 3

У меня была точно такая же проблема, и я нашел этот обходной путь:

<tr class="border_bottom">

CSS:

tr.border_bottom td {
   border:1pt solid black;
}

Нашел его здесь и настроил: Добавить рамку-низ к таблицестрока

Answer 4

попробуйте это:

<table style="">    
   <tr style="display:block;border:1px solid black">    
      <td>Cell_1</td>    
      <td>Cell_2</td>    
   </tr>    
   <tr style="display:block;border:1px solid black">    
      <td>Cell_1</td>    
      <td>Cell_2</td>    
   </tr>    
</table>