HamSter007
@HamSter007
HTML/CSS верстальщик

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

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

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

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

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

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

Вопрос: как запустить bootstrap пример, чтобы фильтрация происходила по клику на чекбоксы и как можно реализовать фильтрацию списка по статусу по клику на кнопки?
  • Вопрос задан
  • 147 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
по клику на чекбокс не происходит фильтрация items

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

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

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

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

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

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

Не очень понятно, зачем обычные кнопки - есть же радио.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы