JSF dataTable rerender теряет CSS-стиль

Question

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

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

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

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

Поскольку при использовании компонента dataTable невозможно назначить первую строку классу CSS. Итак, я использовал указанный выше CSS-селектор, чтобы получить первую строку. Кто-нибудь когда-либо сталкивался с такой проблемой раньше? Является ли мой единственный вариант попробовать и использовать jQuery в oncomplete ВСЕХ ... может быть много разных мест ... действия, которые могут вызвать повторную визуализацию таблицы?

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

Answer 1

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

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

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

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