JSF DataTable Rerender теряет стиль CSS

Question

У меня есть данные, который работает по желанию, когда он отображается через обычный (не AJAX) цикл запроса/ответа.

У меня определенный стиль, который должен применить цвет фона и прокладку к самой первой ряд в таблице:

.myTable tr:first-child td {
  padding-top: 25px;
  background-color: yellow;
}

Как я упоминал выше, прокладка и цвет фона идеально появляются при загрузке с помощью типичного запроса/ответа. Однако есть несколько действий, которые могут привести к повторному использованию этой таблицы через Ajax. Когда это произойдет, таблица правильно перезагружена (его данные), но вышеупомянутый стиль не применяется.

Поскольку невозможно специально назначить первую строку класс CSS при использовании DataTable Component. Итак, я использовал вышеуказанный селектор CSS, чтобы получить первый ряд. Кто -нибудь когда -нибудь имел дело с такой проблемой раньше? Является ли мой единственный вариант, чтобы попытаться использовать jQuery в соответствии с всеми ... которые могут быть многими разными местами ... Действия, которые могут запустить таблицу для повторного возмещения?

Моя проблема в том, что я пытаюсь избежать использования компонента таблицы Richfaces для скорости, и мне нужно, чтобы таблица была прокручивалась. Итак, я использую специфическое решение для браузера CSS, чтобы поднять корпус стола и сохранять статические заголовки. Основная подвеска заключается в том, что мне нужен первый ряд таблицы, чтобы иметь верхнее значение, которое толкает его ниже фиксированного места заголовка таблицы.

Answer 1

Поскольку вы перенесете только DataTable, применяется стиль таблицы по умолчанию.

Вы также должны реконструировать код стиля вместе с DataTable, который может решить вашу проблему.

Попробуйте что -то вроде кода ниже и rerender outputPanel вместо DataTable:

<a4j:outputPanel>
    <h:dataTable>
            //Data
    </h:dataTable>
    <style>
       .myTable tr:first-child td {
          padding-top: 25px;
          background-color: yellow;
        }
    </style>
</a4j:outputPanel>