How to filter bootstrap-vue table?

Question

Vue.js

There is an example bootstrap table with filters .
I'm trying to repeat myself:
codesandbox
But not in the example, not accordingly in the project, by clicking on the checkbox, items are not filtered.
Plus, the points have more extra. option - status.
And buttons with corresponding statuses.
Question: how to run the bootstrap example so that the filtering occurs on a click on the checkboxes and how can the list be filtered by status on a click on the buttons?

Answer 1

clicking on the checkbox does not filter items

Well, you poked into the name checkbox, for example - what should happen next? In order for the filtering to be performed, in addition to activating the filter, you must enter something else in the search bar.
Well, PROBABLY, AT LEAST, copy it completely - which you didn't.
Add a property to the component - selected status. Set its value on click. Make your own filter function. For example .
It's not very clear why the usual buttons - there is a radio .