Stack Overflow
Stack Overflow

Questions tagged [bootstrap-vue]

Provides implementation of Bootstrap v4.3 components and grid system for Vue.js 2.6+

Bootstrap-Vue

With BootstrapVue you can build responsive, mobile-first, and ARIA accessible projects on the web using Vue.js and the world's most popular front-end CSS library — Bootstrap v4

Resources

1266 questions
7
votes
2 answers

How to get a Vue b-table to scroll the body with a fixed header

I've got a b-table element on a page that currently displays a bunch of data from a database. At the moment it is paginated, but feedback has indicated that they would rather have all the information displayed in a single scrolling view. I can do…
Abion47
  • 14,711
  • 3
  • 37
  • 59
6
votes
1 answer

How to get item value in v-slot:cell() template of b-table - BootstrapVue

I'm a very new at programming. I'm trying to figure it out how to bind the data to get the link :href work using store, vuex and bootstrap-vue table. I have spent 4 days for this, and now I'm dying. Please help. books.js(store, vuex) books: [ { …
Chawchawchaw
  • 203
  • 2
  • 9
6
votes
1 answer

How to filter b-table rows using a custom filter-function?

I'm trying to filter out some rows in a bootstrap-vue table using a custom filter function. I wrote a function that takes two arguments - a row object and an empty filter argument, and returns true or false, as in the documentation. I have tried to…
t_prz
  • 128
  • 1
  • 6
6
votes
3 answers

Formatting input type date in vue.js

I use bootstrap-vue. It includes input type date. When I write some number, default format is yyyyyy-mm-dd. I want to change format yyyyyy-mm-dd to yyyy-mm-dd.
USER
  • 431
  • 1
  • 7
  • 17
6
votes
2 answers

Draggable table with bootstrap vue

I have been looking for a way to drag and drop rows on a Bootstrap Vue table. I was able to find a working version here: Codepen I have tried to implement this code to my own table: Template:
Ari
  • 368
  • 5
  • 16
6
votes
3 answers

How to wait until modal is closed and continue execution based on either OK or CANCEL was clicked?

Algorithm: I find the difference between two arrays of objects (what is new, what is deleted, renamed, etc). Differences are stored in data[1-5] Based on #1 I prepare a text summary (objects of text) for a modal to notify user what difference has…
TitanFighter
  • 3,294
  • 1
  • 30
  • 57
6
votes
1 answer

How to change style of background color using Vue.js only

import Vue from 'vue' import App from './App' import BootstrapVue from 'bootstrap-vue' import 'bootstrap/dist/css/bootstrap.css' import 'bootstrap-vue/dist/bootstrap-vue.css' Vue.config.productionTip = false Vue.use(BootstrapVue); /*…
user10462904
6
votes
1 answer

Bootstrap-vue Form File Upload has no styling, but other components have?

Using the example presented here: https://bootstrap-vue.js.org/docs/components/form-file , I am not provided with the styling that the first "styled" example shows. Both appear "plain" even though my template is as such: