@rootnoroot

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

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


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

или что посоветуете?
  • Вопрос задан
  • 39 просмотров
Решения вопроса 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;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы