UI2.CSS: таблицы и многострочные заголовки Исправлено

Форум разработчиков »

<table class="bordered zebra">
  <thead>
    <tr>
      <th colspan=2>Общий</th>
      <th>Действия</th>
    </tr>
    <tr>
      <th>#ID</th>
      <th>Название</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
  .....
  </tbody>
</table>

В многострочных заголовках таблицы у .bodered отсутствует нижняя граница: в приведенном примере у "общий" не будет нижней границы .

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

1 комментарий

+1

Владимир Тупоршин-мл. Webasyst 23 апреля 2021 10:19 #

Комбинацию .bordered.zebra, действительно, не протестировали, так как в большинстве случаев достаточно какого-то одного из двух классов — либо .bordered, либо .zebra. В ближайшем обновлении wa-2.0.css на Гитхабе проблема с нижней границей будет исправлена.
.zebra делает заголовок полосатым, как и основной контент таблицы -- на мой взгляд такого быть не должно
Все так и есть — заголовок у зебры всегда прозрачный. Но полосатым он становится именно из-за назначения .bordered, в котором выделение заголовка напрашивается естественным образом.

ответить

UI2.CSS: таблицы и многострочные заголовки Исправлено

1 комментарий

Добавить комментарий