No edit summary Tag: 2017 source edit |
No edit summary |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
==Setting the filter option== | ==Setting the filter option== | ||
To | ===Visual editing=== | ||
To apply a filterable table style to your table: | |||
# '''Click''' once in the table. This opens the table inspector. | |||
# '''Click''' ''Properties'' in the inspector. [[File:FitlerableTables1a.png|thumb|alt=|center|550x550px|Selecting table properties]] | |||
# '''Activate''' the slider for the setting ''filterable''. [[File:FitlerableTables2a.png|thumb|alt=Setting the filter option|center|550x550px|Setting the filter option]] | |||
# '''Click''' done. | |||
# '''Save''' the page. After saving the page, you will see a filterable table layout. | |||
|} | {{Messagebox|boxtype=note|icon=|Note text=Any global table styles that are applied in the table properties are ignored as long as the value "filterable" is active. A filterable table comes with its own table styling.|bgcolor=}} | ||
=== | === Source editing === | ||
In source-editing mode, add the class "filterable" to the table opening line: | |||
In source-editing mode, add the class "filterable" to the table | |||
<pre> | <pre> | ||
{| class="wikitable filterable" | {| class="wikitable filterable" | ||
| Line 22: | Line 22: | ||
!Heading 1 | !Heading 1 | ||
... | ... | ||
</pre> | </pre>[[File:FitlerableTables4a.png|thumb|Adding the "filterable" class in wikitext|alt=Adding the "filterable" class in wikitext|center|550x550px]] | ||
== Filtering table columns== | |||
==Filtering | |||
The special filter layout of a table is only applied in view mode. | 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. | 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:Manual:FitlerableTables3a.png|alt=|center|thumb| | [[File:Manual:FitlerableTables3a.png|alt=Applying a table filter|center|thumb|550x550px|Applying a table filter]]{{Box Links-en|Topic2=[[Manual:Extension/VisualEditor/Insert_tables|Insert tables]]}} | ||
[[en:{{FULLPAGENAME}}]] | [[en:{{FULLPAGENAME}}]] | ||
Latest revision as of 14:53, 23 November 2022
FilterableTables applies a filterable and sortable table layout to regular content tables in wiki articles.
Setting the filter option
Visual editing
To apply a filterable table style to your table:
- Click once in the table. This opens the table inspector.
- Click Properties in the inspector.
- Activate the slider for the setting filterable.
- Click done.
- Save the page. After saving the page, you will see a filterable table layout.
Note:Any global table styles that are applied in the table properties are ignored as long as the value "filterable" is active. A filterable table comes with its own table styling.
Source editing
In source-editing mode, add the class "filterable" to the table opening line:
{| class="wikitable filterable"
|+
!Heading 1
...
Filtering table columns
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.
Discussions