Как отображать строку таблицы только один раз на странице? ⇐ CSS

[Anonymous]

Я пытаюсь отобразить все нечетные экземпляры строки таблицы, однако между ними есть еще одна таблица.
(упрощенная) структура:

Код: Выделить всё

....
...

...


...
...

...
...

В этом вопросе я называю «набор таблиц» набором из одной таблицы table.trendgraph и одной таблицы table.datatable:

Код: Выделить всё

...
...

Два таких набора поместятся на одной странице. Весь раздел состоит только из включающего плюс от 1 до 6 наборов.
Выходные данные фактически представляют собой постраничный носитель: pdf через PrinceXML, поэтому кросс-браузерная совместимость не требуется.
Задача заключается в следующем: я хочу показывать tr.q3_pageheader в таблице table.trendgraph только один раз на странице, при первом ее появлении. Эта строка будет встречаться дважды на странице.
Мой CSS сначала отключает эти строки:

Код: Выделить всё

div.question03 > table.trendgraph > thead > tr.q3_pageheader {
display: none;
}

Затем я пробовал разные вещи, чтобы снова включить нужную строку:

Код: Выделить всё

div.question03 > table.trendgraph:nth-child(odd) > thead > tr.q3_pageheader {
display: table-row;
}

Я могу отобразить первый (только) tr.q3_pageheader, установив nth-child(1). Любопытно, что ни одна из строк tr.q3_pageheader не отображается с nth-child(2) или nth-child(even). Все строки tr.q3_pageheader отображаются с помощью nth-child(odd).
Обратите внимание, что когда я удаляю table.datatable из html, все настройки nth-child работают как положено.
Очевидно, я мог бы поработать здесь, например, установить div вокруг «страницы» или установить класс для первого экземпляра tr.q3_pageheader. Это будет часть системы, которая будет выводить различное количество «наборов столов». Если возможно, я хотел бы решить проблему только в html или css, не требуя дополнительного принятия решений в серверной части.

Подробнее здесь: https://stackoverflow.com/questions/314 ... -page-only