Как задать отступ в таблице в th и tr?

Question

[jekanok]

Привет, есть проблема связанная с table
нужно сделать отступ между th (левую и правую сторону)

я использовал стили для этого:

table {
    border-collapse: separate;
    border-spacing: 0px 1rem;

как нужно написать для того чтобы стиль был как на 2-м скрине, спасибо!

Comments

[Ankhena]

Было бы круто, если бы скрин из комментария к ответы был сразу в вопросе. Отвечающий не тратил бы время на ненужные попытки телепатии.

Answer 1

[Юрий]

Ну так в чём проблема-то? Поменяйте на border-spacing: 1rem 1rem; или сколько вам нужно между колонками.

Comments

[jekanok]

проблема в том что мне неподходит

Answer 2

[Ankhena]

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

Варианты:
1. Задать border-spacing: 1rem 1rem;. Все равно белый фон со скруглением для строк вам придется делать через псевдо.
2. Задать фон th через псевдо и абсолют. Визуально получите отступы.

Наглядно и утрированно: https://jsfiddle.net/7b9u3gzr/