Filter table

Description

This widget provides filter buttons above tables, and will allow table content to be filtered by CSS classes applied to rows.

Parameters

tableid

The "id" attribute of the table to target with the widget

filters

A comma separated list of classes to filter for.

Optional: Use a broken-pipe symbol to display a different button text to the underlying value, e.g. value1¦displayname1, value2¦displayname2

Optional: Use wikicode in the button display text, including icons - sorry no commas.

Optional: A value of <br> will instead insert a newline.

Optional: A value of label¦displayname will instead insert a label.

mode

Optional. Defaults to "AND", which uses AND logic to connect filters.

Can be set to "OR" to use OR logic to join the filter buttons with OR logic instead.

Can also be set to "ONLY" logic to only allow one active filter at a time.

Notes

• This widget should be used via Template:Filter table so that its usage can be tracked.
• Incompatible with tables with the "collapsible" or "expandable" classes. Use "mw-collapsible" instead.

Example

AND

{| id="table1" class="wikitable"
! Heading one
! Heading two

|- class="filter-row WvW"
| Power wvw
| Precision wvw

|- class="filter-row PvE"
| Power pve
| Precision pve

|- class="filter-row PvP"
| Condition damage pvp
| Ferocity pvp

|- class="filter-row PvE WvW"
| Power pve 2 + wvw
| Precision pve 2 + wvw

|- class="filter-row PvP"
| Condition damage pvp 2
| Ferocity pvp 2
|}
{{Filter table|tableid=table1|filters=PvE,WvW,PvP|mode=AND}}

Heading one	Heading two
Power wvw	Precision wvw
Power pve	Precision pve
Condition damage pvp	Ferocity pvp
Power pve 2 + wvw	Precision pve 2 + wvw
Condition damage pvp 2	Ferocity pvp 2

---

OR

{| id="table2" class="wikitable"
! Heading one
! Heading two

|- class="filter-row WvW"
| Power wvw
| Precision wvw

|- class="filter-row PvE"
| Power pve
| Precision pve

|- class="filter-row PvP"
| Condition damage pvp
| Ferocity pvp

|- class="filter-row PvE WvW"
| Power pve 2 + wvw
| Precision pve 2 + wvw

|- class="filter-row PvP"
| Condition damage pvp 2
| Ferocity pvp 2
|}
{{Filter table|tableid=table2|filters=PvE,WvW,PvP|mode=OR}}

Heading one	Heading two
Power wvw	Precision wvw
Power pve	Precision pve
Condition damage pvp	Ferocity pvp
Power pve 2 + wvw	Precision pve 2 + wvw
Condition damage pvp 2	Ferocity pvp 2

---

ONLY

{| id="table3" class="wikitable"
! Heading one
! Heading two

|- class="filter-row WvW"
| Power wvw
| Precision wvw

|- class="filter-row PvE"
| Power pve
| Precision pve

|- class="filter-row PvP"
| Condition damage pvp
| Ferocity pvp

|- class="filter-row PvE WvW"
| Power pve 2 + wvw
| Precision pve 2 + wvw

|- class="filter-row PvP"
| Condition damage pvp 2
| Ferocity pvp 2
|}
{{Filter table|tableid=table3|filters=PvE,WvW,PvP|mode=ONLY}}

Heading one	Heading two
Power wvw	Precision wvw
Power pve	Precision pve
Condition damage pvp	Ferocity pvp
Power pve 2 + wvw	Precision pve 2 + wvw
Condition damage pvp 2	Ferocity pvp 2