Как сделать такую таблицу?

Question

[YbeysaHelp]

Как сделать такую таблицу? Бордер у ячейки не доходит до конца.

Comments

[Анатолий Куликов]

Как вариант - внутри есть ещё один элемент типа span, от которого бордюр и рисуется. Или с помощью :before/after.

Answer 1

[Максим]

Так себе решение но похоже : https://codepen.io/topicstarter/pen/Wqawxg

Comments

[YbeysaHelp]

Спасибо

[Максим]

YbeysaHelp, там геморой есть , через odd и even не стилизуется, либо я не верно сделал

Answer 2

[ArutaGerman]

Нужно сделать так:

<div class="row wrap">
     <div class="row" style="background: grey">
        <div class="row-pd" style="padding:  .2rem 0">
           ......
        </div>
     </div>
</div>

По-правильному - padding и background должен быть в css файле прописан для своего класса, а не в html документе

Comments

[YbeysaHelp]

Я вопрос задавал, не для того чтобы мне ответили, как сделать div'ами. Мне нужно что бы это была именно table

[Rustam Bainazarov]

YbeysaHelp, граница справа — td:before. Полный код мне писать лень, если сделаете песочницу -- покажу.

[Rustam Bainazarov]

YbeysaHelp, ладно, вы явно ленивый. Вот: