Граница вокруг столбца в HTML-таблице с определенными строками, имеющими collspan - PullRequest
Новая
       10

Граница вокруг столбца в HTML-таблице с определенными строками, имеющими collspan

0 голосов
/ 05 ноября 2019

У меня есть HTML-таблица с календарем. Люди делятся на группы. Названия групп могут быть очень длинными.

Два требования:

  1. Не указывайте название группы (на скриншоте «Название группы может быть оченьlong ') влияет на ширину столбцов с именами.
  2. Граница должна быть нарисована вокруг всего столбца "сегодня".

Для требования 1,Я просто установил colspan на td, содержащем название группы. 

<td colspan="31">The name of a group can be very long</td>

Для требования 2 я установил границу для правильного column в columngroup. 

<colgroup>
   <col>
   <col>
   <col>
   <col class="planningtable_todaycolumn">
</colgroup>

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

Как это исправить? Я пытался решить проблему 1 иначе, чем с помощью colspan. Потому что когда я не использую colspan, проблема решается автоматически. Но я не смог найти полезных решений.

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

Example

1 Ответ

1 голос
/ 05 ноября 2019

Прочитав ссылку @Bobtroopo, я нашел решение:

Не используйте colspan для групповых ячеек.

Но дайте им стиль позиции: 

position: absolute
...