Как отфильтровать bootstrap-vue таблицу?

Question

[HamSter]

Есть пример bootstrap таблицы с фильтрами.

Пытаюсь повторить у себя:
codesandbox

Но не в примере, не соответственно в проекте по клику на чекбокс не происходит фильтрация items.

Плюс у пунктов есть еще доп. опция - статус.

И кнопки с соответственными статусами.

Вопрос: как запустить bootstrap пример, чтобы фильтрация происходила по клику на чекбоксы и как можно реализовать фильтрацию списка по статусу по клику на кнопки?

Answer 1

[0xD34F]

по клику на чекбокс не происходит фильтрация items

Ну ткнулись вы в чекбокс name, например - дальше что должно происходить? Чтобы фильтрация выполнилась, кроме активации фильтра надо ещё что-то ввести в строку поиска.

как запустить bootstrap пример

Ну, НАВЕРНОЕ, КАК МИНИМУМ, скопировать его полностью - чего вы не сделали.

как можно реализовать фильтрацию списка по статусу...

Добавить в компонент свойство - выбранный статус. Устанавливать его значение при клике. Сделать собственную функцию фильтрации. Например.

...по клику на кнопки

Не очень понятно, зачем обычные кнопки - есть же радио.

Comments

[HamSter]

Спасибо, мне казалось я все необходимое скопировала, видимо упустила важный момент! По кнопкам, хотелось именно кнопки button или a попробовать использовать!