X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Полосатая таблица с объединёнными столбцами - реализуемо?
kio_hb
kio_hb
Topic Starter сообщение 26.11.2016, 13:52; Ответить: kio_hb
Сообщение #1


С чередованием цвета фона строк через css всё понятно
[CSS]table tr:nth-child(even) {
background: #ffffff;
}
table tr:nth-child(odd) {
background: #000000;
}[/CSS]
Этот способ отлично работает. Но! Если, например, объединить несколько строк с помощью 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 общую строку имели одинаковый с ней цвет фона?
Для понятности приведу то, что получается с помощью указанного метода и то, что нужно получить...

Что имеем:
[IMG]http://images.vfl.ru/ii/1480153505/5c450045/15106948_m.jpg[/IMG]

Что нужно получить:
[IMG]http://images.vfl.ru/ii/1480153505/7ad203de/15106949_m.jpg[/IMG]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Art Lev
Art Lev
сообщение 4.12.2016, 12:53; Ответить: Art Lev
Сообщение #2


Проще будет на JS
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
digbadsit
digbadsit
сообщение 18.5.2017, 22:01; Ответить: digbadsit
Сообщение #3


Согласен с челом сверху

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) непослушная таблица (((
1 alex577 2844 9.2.2013, 2:40
автор: -Eraser_str-
Открытая тема (нет новых ответов) Таблица растягивается в Chrome , Opera в FireFox все хорошо , помогите.
0 Hammer2900 6239 3.2.2013, 22:01
автор: -Hammer2900-
Открытая тема (нет новых ответов) Таблица распределения игроков.
5 mafao 4571 19.11.2012, 22:49
автор: -Arks-
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыТаблица записи на прием.
Как реализовать
16 gaaarfild 6160 7.4.2011, 18:19
автор: gaaarfild
Открытая тема (нет новых ответов) Послать на печатать obejct(таблица),как?
1 MannishArt 5800 31.3.2011, 13:57
автор: -Baron93-


 



RSS Текстовая версия Сейчас: 28.3.2024, 17:33
Дизайн