siGGi: Zeile aus Tabelle ausblenden

Beitrag lesen

Hallo allerseits,

ich möchte eine Tabelle auf das Vorkommen einer Zeichenkette durchsuchen und als Ergebnis nur die Treffer anzeigen. Dabei sollen die nicht zutreffenden Einträge einfach ausgeblendet werden. Mein JS Code sieht so aus:

function searchTable(keyword, colNum) {
                var node = document.getElementsByTagName('BODY')[0];
                var cols = node.getElementsByTagName('TD');

if(!keyword) return;

for(var i=4; i<cols.length; i++) {
                    if((i+1)%4 == colNum) {
                        if(cols[i].firstChild.data.toLowerCase().indexOf(keyword.toLowerCase()) == -1) {
                            cols[i].parentNode.style.display = 'none';
                        }
                    }
                }
            }

Die Tabelle besteht aus 4 spalten und colNum gibt die Spalte an, in der Nach dem Suchwort gesucht werden soll. Alles funktioniert soweit, aber unter dem IE sind durch den CSS-Befehl border-collapse die Rahmen "kaputt". Wenn ich mit einem MouseOver, der die Hintergrundfarbe z.B. über eine Zeile gehe, verschwinden Border, tauchen wieder auf etc. Unter FF geht's. Was kann ich tun, um das Layout zu behalten, aber den Effekt auch unter IE einwandfrei funktionieren zu lassen?

Danke für eure Hilfe!