Difference between revisions of "Manual:Extension/BlueSpiceFilterableTables"
Templates/files updated (unreviewed pages in bold): Template:Box Links-en, Template:Box Note
[quality revision] | [quality revision] |
(Changed categories.) |
(Changed categories.) |
FilterableTables applies a filterable and sortable table layout to regular content tables in wiki articles.
Contents
Setting the filter option[edit | edit source]
To create the table filter, the CSS class "filterable" is added to the table.
Using VisualEditor[edit | edit source]
In edit mode, click on the table to open the options popup and click on "Properties". In the dialog that opens, toggle on "Filterable" option.
Using Wikitext[edit | edit source]
In source-editing mode, add the class "filterable" to the table header.
{| class="wikitable filterable" |+ !Heading 1 ...
Filtering tables[edit | edit source]
The special filter layout of a table is only applied in view mode.
To filter the values in the table, click on the header of the column to filter and select "Filter" from the dropdown menu. In the input field that opens, type in the filter text.
Note: Any table styles that are applied by the table class are ignored as long as the value "filterable" exists in the class rule. A filterable table comes with its own table styling.
Related info
{{DISPLAYTITLE:Filtering tables}} '''FilterableTables''' applies a filterable and sortable table layout to regular content tables in wiki articles. ==Setting the filter option== To create the table filter, the CSS class "filterable" is added to the table. ===Using VisualEditor=== In edit mode, click on the table to open the options popup and click on "Properties". In the dialog that opens, toggle on "Filterable" option. {| class="wikitable" |+ |[[File:FitlerableTables1a.png|thumb|alt=Selecting table properties|center|387x387px|Selecting table properties]] |[[File:FitlerableTables2a.png|thumb|alt=Setting the filter option|center|319x319px|Setting the filter option]] |} ===Using Wikitext=== [[File:FitlerableTables4a.png|thumb|Adding the "filterable" class in wikitext|alt=Adding the "filterable" class in wikitext|center|450x450px]] In source-editing mode, add the class "filterable" to the table header. <pre> {| class="wikitable filterable" |+ !Heading 1 ... </pre> ==Filtering tables== The special filter layout of a table is only applied in view mode. To filter the values in the table, click on the header of the column to filter and select "Filter" from the dropdown menu. In the input field that opens, type in the filter text. [[File:FitlerableTables3a.png|thumb|Applying a table filter|alt=Applying a table filter|center|650x650px]]{{Box Note|boxtype=note|Note text=Any table styles that are applied by the table class are ignored as long as the value "filterable" exists in the class rule. A filterable table comes with its own table styling.}}{{Box Links-en|Topic1=[[Reference:BlueSpiceFilterableTables]]}} [[en:{{FULLPAGENAME}}]] [[de:Handbuch:Erweiterung/BlueSpiceFilterableTables]] __FORCETOC__ [[Category:Editing]]
(No difference)
|