This page (revision-1) was last changed on 29-Nov-2024 16:16 by UnknownAuthor

Only authorized users are allowed to rename pages.

Only authorized users are allowed to delete pages.

Page revision history

Version Date Modified Size Author Changes ... Change note

Page References

Incoming links Outgoing links
Filtered Tables
Filtered Tables

Version management

Difference between version and

At line 1 added 88 lines
!!! Filtered wiki tables
%%tabbedSection
%%tab-Introduction
!! Introduction
Add a %~%table-filter %%category [JSPWikiStyle]/% around your table to get EXCEL-like column filters.
Each column gets a dropdown with a sorted list of filterable values. Multiple filter selections are supported too.
See also [Sortable Tables]
[{Image src='vanilla-tablefilter1.jpg'}]
[{Image src='vanilla-tablefilter2.jpg'}]
/%
%%tab-Usage
!!Usage
Enclose your table in %~%table-filter tags.\\
Your table is assumed to start with a header row. When all is fine, you should see an additional table row with filter dropdowns for each column.
{{{
%%table-filter
|| Title || Author || Published || Edition || Some IP@
| book1 | zappy | 25 Feb 2005 | 5 | 100.100.100.100
| book2 | dappy | 25 Jan 2005 | 19 | 256.100.100.100
| book3 | pappy | 23 Mar 2005 | 06 | 10.100.100.100
| book4 | dappy | 21 Apr 2005 | 199 | 1.100.100.100
| book5 | rappy | 25 Jul 2005 | 06 | 1.100.25.100
/%
}}}
!!!Best Table:
This seems to be the best table layout: (Shown below)
{{{
%%zebra-table
%%sortable
%%table-filter
|| Title || Author || Published || Edition || Some IP@
| book1 | zappy | 25 Feb 2005 | 5 | 100.100.100.100
| book2 | dappy | 25 Jan 2005 | 19 | 256.100.100.100
| book3 | pappy | 23 Mar 2005 | 06 | 10.100.100.100
| book4 | dappy | 21 Apr 2005 | 199 | 1.100.100.100
| book5 | rappy | 25 Jul 2005 | 06 | 1.100.25.100
/%
/%
/%
}}}
Reality check:
%%zebra-table
%%sortable
%%table-filter
|| Title || Author || Published || Edition || Some IP@
| book1 | zappy | 25 Feb 2005 | 5 | 100.100.100.100
| book2 | dappy | 25 Jan 2005 | 19 | 256.100.100.100
| book3 | pappy | 23 Mar 2005 | 06 | 10.100.100.100
| book4 | dappy | 21 Apr 2005 | 199 | 1.100.100.100
| book5 | rappy | 25 Jul 2005 | 06 | 1.100.25.100
/%
/%
/%
%%zebra-fuchsia-6699cc
%%sortable
%%table-filter
|| Title || Author || Published || Edition || Some IP@
| book1 | zappy | 25 Feb 2005 | 5 | 100.100.100.100
| book2 | dappy | 25 Jan 2005 | 19 | 256.100.100.100
| book3 | pappy | 23 Mar 2005 | 06 | 10.100.100.100
| book4 | dappy | 21 Apr 2005 | 199 | 1.100.100.100
| book5 | dappy | 25 Jul 2005 | 06 | 1.100.25.100
/%
/%
/%
/%
%%tab-Implementation
!!Implementation
The implementation was inspired by the work of __~WoutL__ on
[http://www.codeproject.com/jscript/filter.asp].
Some rework was done, so it also runs on Safari, and does proper sorting depending on the data type of the column.
/%
/%
This page (revision-1) was last changed on 29-Nov-2024 16:16 by UnknownAuthorTop