Как подойти к реализации табличного блока?

Question

[leni_m]

Добрый день! Нужно сверстать табличный блок, чтобы был селектор для каждой строки и для каждого столбца. Если верстать через <table>то, можно выбрать только строку <tr>. А как можно еще сверстать, чтобы можно было выбирать и целые строки, и целые столбцы?

Comments

[ree4i]

А через nth-child нельзя реализовать выборку столбцов?

[leni_m]

ree4i, как я понимаю, выберется множество ячеек, и например css свойство border превратит столбец в башню из блоков.

Answer 1

[archelon]

только с помощью js
один из вариантов
https://www.growingwiththeweb.com/2012/08/how-to-s...

Comments

[leni_m]

бэкграунд не проблема) а бордер?

Answer 2

[Василий]

А выборка через :nth-child ? Строки через tr, а столбцы через tr td:nth-child ?
вот такой пример есть

jsfiddle.net/2xU8t

Comments

[leni_m]

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