Как в таблице обернуть столбец в рамку?

Question

[rootnoroot]

Будет довольно большая таблица
по этому смотрю вариант пока с таблицей
как можно обернуть в рамку 1 столбец?
вот таблица


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


или что посоветуете?

Answer 1

[alexalexes]

table подразумевает работу со строковыми данными, но с помощью псевдо-селекторов nth-child, можно сделать некоторый трюк, выделив колонку:

/*7 - текущая колонка, 6 - предыдущая - можно номер выделенной колонки вынести в css переменную и манипулировать только ей*/
tr:first-child td:nth-child(6),
tr td:nth-child(6),
tr td:nth-child(7)
{
  border-right: 2px solid red;
}
tr td:nth-child(7) /*страховка для вырожденного случая, когда выделена первая колонка */ 
{
  border-left: 2px solid red;
}
tr:first-child td:nth-child(7)
{
  border-top: 2px solid red;
}
tr:last-child td:nth-child(7)
{
  border-bottom: 2px solid red;
}

Comments

[rootnoroot]

Спасибо тебе добрый человек!
я уж думал не решаемо

[alexalexes]

Посмотрите еще в сторону display: grid - там есть намеки работать с сеткой как с кубиком-рубиком.

[rootnoroot]

alexalexes, Спасибо. посмотрю