Filterable-Talk

Summary: Talk page for Filterable.
Maintainer: Petko
Users: (View? / Edit)

This space is for User-contributed commentary and notes. Please include your name and a date along with your comment.

Filter by rows

Hello, more questions again. Is there a way to filter by rows in the filterable table options? Thank you! Jimbo

Please elaborate and add an example. --Petko

I have a table formatted as a chart, of which I would like to only filter by the description rows. As the table has images and links, I fear that those may be affecting its ability to be filtered correctly. Please see below for example, and thank you for your help!

Edit: Table is not as detailed as on my own wiki due to uploading restrictions. I have done my best to adhere to the requirements, I have attached a screenshot for reference as well.

https://imgur.com/a/DH8p1t5

TJ and Amal
(E.K. Weaver)
Always Raining Here
(Hazel & Bell)
Out of the Blue
(Ari)
Castle Swimmer
(Wendy Lian Martin)
The agreement is simple: Amal does the driving; TJ pays the way - but a 3500 mile journey leaves plenty of time for things to get complicated.
Status: Complete.
Tags: #road trip #drama
Adrian is heartsick, Carter is horny. This is a story about their misadventures as awkward teenagers as they fumble through unrequited romances.
Status: Complete.
Tags: #school #slice of life #comedy
Some summer in the mid-century American South a blind dam worker meets an unusual swimmer in his local lake.
Status: Ongoing.
Tags: #drama #historical #supernatural
The story of two young sea creatures. One believed to be a Beacon who will lead them to a bright, prosperous future. The other is a teenage prince who’s destiny is to kill the Beacon.
Status: Ongoing.
Tags: #drama #supernatural

So it is easier to define rows that would not be hidden than to only define rows to be filtered. Add this to pub/css/local.css:

tr:has(.nofilter), li:has(.nofilter), li.nofilter {
  display: revert !important;
}

Then, refresh your browser cache (Shift+F5) and add "class=nofilter" to the first cell rows that are not to be filtered: (:cellnr class=nofilter:). The row should always stay visible while you type in the filter box. --Petko

Custom widget configuration

Very nice but I would prefer to be able to place the widget myself wherever I want in the page as a markup with its configuration (min. number of items and query selector). PierreR, 05-08-2024

Great idea, added for version 2024-08-05, documentation and demo updated. --Petko

Hello, and thank you for the great extension Petko! I cannot seem to get the (:input filterbox ".browsers ul" 1 placeholder="Filter 4 lists":) command to work, when I implement it in my wiki it simply saves as text. Any ideas? Thanks!
Edit: After saving this update and screwing up formatting, it appears it may be an issue with the wiki page itself, as it worked perfectly here. Jimbo

Is the latest version of the extension installed? In SiteAdmin.ExtensionHub the Filterable line should show "2024-08-06", and it should be enabled. If there is an older Filterable version in the extensions directory, delete it or move it away. --Petko

Talk page for the Filterable recipe (users?).