CODEWITHSUNDEEP
vue.js
SVE
SVE

Reputation: 1655

Vue filter table items

There is such an example in bootstrap-vue: complete-example

But when I choose to filter by name nothing happens.

And I am trying to repeat this example on my vue project. Nothing happens too.

codesandbox

And my items have a status options ("success, "warning", "danger").

I have corresponding buttons.

Question: How to filter items by clicking on the corresponding buttons? And how to filter items by clicking on the checkbox?

codesandbox

P.S: bootstrap-vue 2.0.1, bootstrap 4.3.1, vue 2.6.10

Upvotes: 0

Views: 108

Answers (1)

Pratik Patel
Pratik Patel

Reputation: 6978

Please refer the following codepen. Just add one more checkbox for the Status column.

https://codesandbox.io/s/vue-template-owbfo

Upvotes: 1

Related Questions