RichFaces 4: <rich: Jquery> Datatable Style Effect, как в RF-витрине, не работает в области видимости

Я пытаюсь сделать стиль для своей таблицы данных jsf, как показано здесь:

Он работает при первой загрузке страницы. Но когда я выполняю сортировку столбца с помощью вызова ajax (как описано в приведенной ранее ссылке), стиль исчезает. Если я обновлюсь, стиль вернется.

Если я помещу свою область в область действия запроса. Стиль работает, но сортировка функций больше не работает. То, что я не очень хорошо понимаю. (Заинтересован в объяснении этого явления ...)

Итак, я понимаю, что это касается jquery, но я не нахожу способа сказать: «Эй, не убирайте стили, когда я сортирую свои значения для данных»

Может быть, что-то связано с reRender?

BalusC, есть идеи? :)

Большое спасибо, ребята,

Хорошего дня.

<h:form id="formSort" >

<a4j:outputPanel id="ajaxOutputPanel" layout="block" ajaxRendered="true">

        <rich:dataTable  id="customList"  style="width:70%;margin-left:auto;margin-right:auto;" var="c" value="#{participant.listParticipant}"   rendered="#{not empty participant.listParticipant}"
                styleClass="stable"
                rowClasses="order-table-odd-row,order-table-even-row">

            <f:facet name="header"><h:outputText value="PARTICIPANTS" /></f:facet>

            <rich:column>
               <f:facet name="header">  <h:outputText value="ID DE L'ETUDE" /></f:facet>
                <h:outputText value="#{c.id_study}" />
            </rich:column>

            <rich:column  sortBy="#{c.enrollment_date}" id="enrollment_date" comparator="#{participant.dateComparator}"  sortOrder="#{participant.dateOrder}">
                <f:facet name="header" >
                    <a4j:commandLink value="DATE D'INCLUSION" render="customList" action="#{participant.sortByDates}" />
                </f:facet>
                <h:outputText value="#{c.enrollment_date}" />
            </rich:column>

        </rich:dataTable>


        </rich:panel>

</a4j:outputPanel>

</h:form>

<rich:jQuery selector="#customList tr:odd" query="addClass('odd-row')"  />
<rich:jQuery selector="#customList tr:even" query="addClass('even-row')" />
<rich:jQuery selector="#customList tr"  query="mouseover(function(){jQuery(this).addClass('active-row')})"/>
<rich:jQuery selector="#customList tr"  query="mouseout(function(){jQuery(this).removeClass('active-row')})"/>