+ Ответить в теме
Показано с 1 по 4 из 4

Тема: Полосатая таблица с объединёнными столбцами - реализуемо?

  1. #1
    Новичок kio на пути к лучшему Аватар для kio
    Регистрация
    26.11.2016
    Сообщений
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Полосатая таблица с объединёнными столбцами - реализуемо?

    С чередованием цвета фона строк через css всё понятно
    table tr:nth-child(even) {
    background: #ffffff;
    }
    table tr:nth-child(odd) {
    background: #000000;
    }

    Этот способ отлично работает. Но! Если, например, объединить несколько строк с помощью rowspan

    <table>
    <tr rowspan="2"><td></td><td></td></tr>
    <tr><td></td></tr>
    <tr rowspan="2"><td></td><td></td></tr>
    <tr><td></td></tr>
    <tr rowspan="2"><td></td><td></td></tr>
    <tr><td></td></tr></table>

    то в первом столбце не будет никакого чередования фона. Более того, если в таблице требуется объединение разного количества строк (в зависимости от назначения таблицы), то результаты становятся непредсказуемыми...
    Существует ли универсальный способ чередовать цвет фона только общих строк, чтобы (под-)строки, входящие в объединённую с помощью rowspan общую строку имели одинаковый с ней цвет фона?
    Для понятности приведу то, что получается с помощью указанного метода и то, что нужно получить...

    Что имеем:


    Что нужно получить:

  2. #2
    Пользователь Art Lev на пути к лучшему Аватар для Art Lev
    Регистрация
    28.01.2016
    Сообщений
    51
    Thanks
    0
    Thanked 5 Times in 5 Posts
    Проще будет на JS

  3. #3
    Пользователь digbadsit на пути к лучшему Аватар для digbadsit
    Регистрация
    15.05.2017
    Сообщений
    44
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Согласен с челом сверху

+ Ответить в теме

Похожие темы

  1. Как сверстать столбцами
    от kiik в разделе HTML
    Ответов: 4
    Последнее сообщение: 24.11.2011, 18:14
  2. ТаБлИцА
    от ka3ax в разделе HTML
    Ответов: 2
    Последнее сообщение: 25.09.2010, 16:16
  3. Интервал между столбцами
    от bioz00 в разделе HTML
    Ответов: 8
    Последнее сообщение: 25.08.2010, 13:41
  4. Таблица
    от qazaq в разделе HTML
    Ответов: 11
    Последнее сообщение: 22.11.2009, 18:57
  5. Ответов: 8
    Последнее сообщение: 15.06.2009, 14:12

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения

 

Html-форум Рейтинг@Mail.ru canlı tv film izle