JSF dataTable rerender perde di stile CSS

Question

Ho un dataTable che funziona come desiderato quando si è reso tramite un normale (non-ajax) richiesta/risposta ciclo.

Ho uno stile definito che è quello di applicare un colore di sfondo e imbottitura per la prima riga della tabella:

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

Come ho detto sopra, il riempimento e il colore di sfondo appaiono perfettamente quando caricate tramite la tipica richiesta/risposta.Tuttavia ci sono un paio di azioni che possono causare questa tabella per essere ri-renderizzato tramite AJAX.Quando ciò accade, la tabella è corretta reloaded (di dati), ma al di sopra di stile non è riapplicato.

Poiché non vi è alcun modo per assegnare specificatamente la prima riga di una classe CSS quando si utilizza il dataTable componente.Così, ho utilizzato il suddetto selettore CSS per ottenere la prima fila.Qualcuno ha mai affrontato un problema come questo?È la mia unica possibilità di provare e utilizzare jQuery nel oncomplete di TUTTI...che potrebbe essere molti luoghi diversi...azioni che possono generare la tabella per essere ri-renderizzato?

Il mio problema è che sto cercando di evitare di utilizzare un richfaces componente tabella per la velocità amore e ho bisogno di avere la tavola scorrevole.Così, sto usando un browser specifico CSS soluzione per srcoll corpo della tabella e mantenere le intestazioni statico.Il principale hang-up è che ho bisogno il prima riga della tabella per avere un alto valore di spaziatura che la spinge in basso sotto la postazione fissa di intestazione della tabella.

Answer 1

Dal momento che si rigenera se solo dataTable, stile di default della tabella viene applicata.

È necessario eseguire il rendering del codice di stile troppo lungo con il dataTable, che potrebbe risolvere il tuo problema.

Provare qualcosa di simile codice riportato di seguito ed eseguire il rendering di outputPanel invece di dataTable:

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