Filterfunktion für Tabellen

Mit Elements können Tabellen mit Filterfunktion angelegt werden. Hierfür kann einer klassischen Tabelle die class="filtertable" zugewiesen werden.

Beispiel: Tabelle mit class=“filtertable“

Mit der class="filtertable" wird eine Filter-Möglichkeit aktiviert:

Keywords Impressions Clicks CTR Rank
silly tshirts 6,000 110 1.8% 22.2
desktop workspace photos 2,200 500 22% 8.9
arrested development quotes 13,500 900 6.7% 12.0
popular web series 8,700 350 4% 7.0
2013 webapps 9,900 460 4.6% 11.5
ring bananaphone 10,500 748 7.1% 17.3

 

Parameter für das Filtern

Eine ausführliche Liste der verfügbaren Möglichkeiten finden Sie in der Dokumention für tablesorter.

Die gängigsten Parameter finden Sie hier aufgelistet:

Priorität Typ (1) Beschreibung Beispiele
1 | oder ODER Logisches „Oder“ (Vertikaler Balken). Filtern Sie die Spalte nach Inhalten, die den Text auf einer Seite
des Balkens entsprechen (2).		 box|bat (findet eine Spaltenzelle mit entweder „box“ oder „bat“); Alex|Peter (Findet Text, der entweder „Alex“ oder „Peter“ enthält);
<20 oder >40
2 && oder UND Logisches „Und“. Filtern Sie die Spalte nach Inhalten, die den Text auf beiden Seiten des Operators
entsprechen.		 box && bat (findet eine Spaltenzelle, die sowohl „box“ als auch „bat“ enthält),
Br && c (Findet Text, der sowohl „br“ als
auch „c“ enthält), >20 && <40 oder
a und !o (Wenn „filter-match“ eingestellt ist,
finden Sie Inhalte mit dem Buchstaben „a“, aber nicht dem Buchstaben „o“)
3 /\d/ Fügen Sie jedem Regex zur Abfrage hinzu, um ihn in der Abfrage zu verwenden („mig“ Flags können
eingeschlossen werden /\w/mig)		 /b[aeiou]g/i (findet „bag“, „beg“, „BIG“, „Bug“, usw);/r$/ (passt zu Text, der mit einem „r“ endet)
4 < <= >= > Finden Sie alphabetische oder numerische Werte, die kleiner oder größer oder gleich der gefilterten
Abfrage sind (1).		 >= 10 (findet Werte, die größer oder gleich 10
sind)
5 ! oder != Nicht-Operator, oder nicht genau übereinstimmen. Filtern Sie die Spalte mit Inhalten, die der Abfrage
nicht entsprechen. Fügen Sie ein Gleichheitszeichen (=), ein einfaches
(') oder ein doppeltes Anführungszeichen (") hinzu, um genau nicht
einem Filter zu entsprechen (v2.17.1).		 !fe (versteckt Zeilen mit „weiblich“ in dieser Spalte, zeigt aber Zeilen mit
„männlich“);!a (findet Text, der kein „a“
enthält);!"Bruce" (findet Inhalte, die nicht genau
„Bruce“ entsprechen)
6 " oder = Um der Suchanfrage genau zu entsprechen, fügen Sie ein Anführungszeichen, ein Apostroph oder ein
Gleichheitszeichen am Anfang und/oder Ende der Abfrage hinzu		 abc" oder abc= (genau übereinstimmend mit „abc“);John" oder John= (genau übereinstimmend mit „John“)
7 - oder bis Finden Sie einen Bereich von Werten. Stellen Sie sicher, dass vor und nach dem Bindestrich (oder dem
Wort „bis“) ein Leerzeichen ist (3).		 10 - 30 oder 10 bis 30 (passt zu Werten zwischen 10 und 30)
8 ? Platzhalter für ein einzelnes, nicht-leerzeichen Zeichen. J?n (findet „Jan“ und „Jun“, aber nicht „Joan“);a?s (findet „Dumass“ und „Evans“, aber nicht „McMasters“)
8 * Platzhalter für null oder mehr nicht-leerzeichen Zeichen. B*k (passt zu „Black“ und „Book“);a*s
(passt zu „Dumass“, „Evans“ und „McMasters“)
9 ~Führen Sie eine unscharfe Suche durch (passt zu sequenziellen
Zeichen), indem Sie ein Tilde am Anfang der Abfrage hinzufügen (v2.13.3) 		~bee (passt zu „Bruce Lee“ und „Brenda Dexter“),
oder ~piano (passt zu „Philip Aaron Wong“)
10 Text Jeder in den Filter eingegebene Text wird mit dem im Text gefundenen Text
übereinstimmen		 abc (findet „abc“, „abcd“, „abcde“, usw);Aaron (findet „Aaron“ und „Philip Aaron Wong“)