I'm trying to filter a table client side based on a single-select component. The values work if I paste them in but when they are set by the component they don't work.
That's an interesting one! The first thing that comes to mind is how you're setting the filter.
My first thought is maybe a potential issue with a string/boolean mismatch or something similar going on there.
Can you filter other columns not boolean?
Hey there @jonnilundy,
I was able to replicate this. This is happening because when you use the tag type column, it automatically transforms your booleans to strings. As righly intuited by @Derek_Watts, this creates a mismatch between your select component booleans and your column strings.
A solution is the following:
Assuming you're using the table's default filter.
Otherwise you can also update your select component's options so that they are strings. That should make it work.
@MiguelOrtiz that worked! Thank you!
This is what I used in order to gracefully handle the "clear" as well:
{{ !self.value ? "" : self.value.toString() }}