q-table filtering - q-toggle row selection & free-text filter

[b0ot]

I’m looking to be able to have q-toggles within a q-table that allow you to select which rows to be shown. I also would like the standard text-search.

Example:
Table of food items with various properties including category (breakfast | lunch | dinner)

Goal:
q-toggles for breakfast categories
free-text search

So, I could toggle on breakfast and lunch, and then search for “burritos”

I have spent the last few hours trying to figure out how to do this with filter-method but I find the documentation on this subject extremely confusing.

I have mocked up a codepen as an example:
https://codepen.io/b0otable/pen/PozWLYR?editors=1011

[metalsadman]

@b0ot https://codepen.io/metalsadman/pen/rNarNbM

[b0ot]

@metalsadman Thank you for your input. That wasn’t quite what I was looking for, but I was able to learn enough about how filters worked to adjust for rows vs columns. I updated my pen here: https://codepen.io/b0otable/pen/PozWLYR?editors=1011
I would be interested if you think there is a better way to implement the custom searchfilter

[metalsadman]

@b0ot i believe you got all you need in the example. maybe take a look in to qgrid app-extension.