Hallo,
ich habe eine Tabelle bei der jede zweite Zeile abwechselnd eine andere Farbe hat.
CSS:
Zusätzlich habe ich ein JS/jQuery-Script, welches je nach Auswahllister diverse Zeilen ausfiltert, verschwinden lässt:
JAVASCRIPT:
Funktioniert soweit alles super,
ABER:
wenn jetzt Zeilen ausgefiltert sind, funktioniert das mit der CSS-Farbe nicht mehr, weil er die "display:none"-Felder trotzdem bei der CSS-Regel - jedes zweite Feld in der Berechnung anscheinbar berücksichtigt?!
Gibts es noch eine andere Möglichkeit, ein Object so zu verstecken, dass es dann aus dieser Zählung rausfliegt?
Felder via jquare removen kommt hier leider nicht in frage, weil ich sie bei der Änderung der Filterung nicht mit Ajax neu laden möchte. Also wäre schon schön, wenn das mit Unsichtbarkeit ginge.
Ich hatte erst überlegt, selbst eine jQuery Funktion zu schreiben, die dann halt entsprechende Farb-Klassen foreach an die Zeilen verpasst, nachdem das Ausblenden der Zeilen durchgelaufen ist.
Aber manche Tabellen haben Tausende Zeilen, da wäre das ziemlich performance-lastig ...
Jemand ne Idee, wie man das noch lösen kann?
ich habe eine Tabelle bei der jede zweite Zeile abwechselnd eine andere Farbe hat.
CSS:
PHP-Code:
table tr td{background:#F4F4F4}
table tr:nth-child(odd) td{background:#D4D4D4}
tr:hover td{background-color:#ffffff!important}
.none{display:none}
JAVASCRIPT:
PHP-Code:
function filterEvent(){
$('tbody tr.none').removeClass('none');
if ($('#filterLister').val()=='@ll@'){
return;
}
$('tbody tr').each(function(){
if (!$(this).hasClass($('#filterLister').val())){
$(this).addClass('none');
}
});
}
ABER:
wenn jetzt Zeilen ausgefiltert sind, funktioniert das mit der CSS-Farbe nicht mehr, weil er die "display:none"-Felder trotzdem bei der CSS-Regel - jedes zweite Feld in der Berechnung anscheinbar berücksichtigt?!
Gibts es noch eine andere Möglichkeit, ein Object so zu verstecken, dass es dann aus dieser Zählung rausfliegt?
Felder via jquare removen kommt hier leider nicht in frage, weil ich sie bei der Änderung der Filterung nicht mit Ajax neu laden möchte. Also wäre schon schön, wenn das mit Unsichtbarkeit ginge.
Ich hatte erst überlegt, selbst eine jQuery Funktion zu schreiben, die dann halt entsprechende Farb-Klassen foreach an die Zeilen verpasst, nachdem das Ausblenden der Zeilen durchgelaufen ist.
Aber manche Tabellen haben Tausende Zeilen, da wäre das ziemlich performance-lastig ...
Jemand ne Idee, wie man das noch lösen kann?
Kommentar