Таблица CSS-й левой границы через линию

Question

Я хочу применить левую границу к моему элементу в таблице.Проблема в том, что, когда я помещаю стиль CSS границы, после строки (tr) появляется пустое «пробел» - см. Изображение.

<table>
<tr>
   <th>
       ....
   <th>
</tr>
<tr>
   <th>
       ....
   <th>
</tr>
</table>

Я использую border-left: 1px solid #2185d0; для всех элементов th

Но я хочу полную строку, как это:

Как я могу это сделать

Answer 1

Я думаю, что проблема в стилях CSS, которые вы приписываете таблице.Было бы действительно полезно, если бы вы могли предоставить фрагменты кода для этого (в частности).

Я подозреваю, что у вас есть настройки полей или отступов, которые не позволяют ячейкам таблицы соприкасаться друг с другом, создавая таким образом пространство между линиями границы.

Answer 2

Может быть, добавить это к вашему CSS?

table {
    border-collapse: collapse;
}