Skip to main content
Filter by
Sorted by
Tagged with
2 votes
1 answer
148 views

I refer to this stackoverflow answer. How to remove (Click to sort Ascending) text from header of every column in this bootstrap-vue table? The correct answer is below; <b-table ⋮ label-sort-asc=&...
user3848207's user avatar
  • 5,307
0 votes
1 answer
93 views

I want to write a table in the Cyrillic alphabet, but in the program the key of the object should be only in the Latin alphabet. Code : export default { data() { return { wmsFields: ['№', '...
Doston Mamadaminov's user avatar
0 votes
1 answer
888 views

I have a bootstrap-vue table that looks like this; Here's the code for the table; <template> <div> <b-table striped hover :items="items" :fields="fields">&...
user3848207's user avatar
  • 5,307
0 votes
1 answer
1k views

I want to show only first b-collapse on first render. <div v-for="(item, index) in items"> <b-button v-b-toggle="`collapse-${ item.id }`" class="m-1">{{ ...
Vladimir  Golub's user avatar
0 votes
1 answer
505 views

Assuming I have this code for a v-table implementing sortable: <script> export default { data() { return { sortBy: 'age', sortDesc: false, fields: [ ...
James Arnold's user avatar
0 votes
3 answers
1k views

I have a table created using bootstrap-vue. Table looks like this; The code for this table is as follows; <template> <div> <b-table striped hover :items="items" :fields=...
user3848207's user avatar
  • 5,307
0 votes
2 answers
1k views

Suppose I have this table created using bootstrap-vue. Table looks like this; The code for this table is as follows; <template> <div> <b-table striped hover :items="items&...
user3848207's user avatar
  • 5,307
1 vote
1 answer
696 views

using veevalidate when I inspect it: the date shows in a label under the input <b-form-datepicker :name="el.label" :ref="el.field" ...
krististina's user avatar
0 votes
1 answer
698 views

In my b-table i have a function that colors the rows based on a property : <template> <b-table sticky-header="70vh" bordered striped :items="logs" ...
okokokk's user avatar
0 votes
1 answer
723 views

Looking for assistance on how to pull in the value from a bootstrap vue table within a modal window. Currently, it generates the modal, however the contents for the variable {{ interface_records....
Jukebox's user avatar
  • 103
0 votes
1 answer
1k views

I have a form built with bootstrap-vue. The form contains some Radio buttons. I do have a preview button which should show what was selected, but instead of the value from the radio button I would ...
Luka's user avatar
  • 758
0 votes
2 answers
982 views

I have a Bootstrap Vue table with a pagination component underneath it. I've currently got it in a separate row in a single column but whilst it looks "fairly" centred, it's actually not ...
Johnny John Boy's user avatar
0 votes
1 answer
435 views

I'm trying to do the following in my Vue application: <template v-slot:cell(selected)="{ item }" > <b-checkbox v-model="item.selected != undefined ? item.selected : ...
CrashV24232's user avatar
1 vote
1 answer
135 views

I'm taking in and displaying data from an API (https://restcountries.com/), but I'm having trouble hyperlinking each table entry to its own page with the router-link tag. Nothing happens, no errors, ...
Marcus's user avatar
  • 311
4 votes
6 answers
2k views

I have a modal with a form (using Bootstrap-Vue and Vue2). Each row has two fields. If user does not enter a valid value to the field, the state of the field returns false, making the box to be ...
vesii's user avatar
  • 3,186
2 votes
2 answers
593 views

I'm using the Form File Input of Bootstrap-Vue. Since my application in RTL, I want to reverse it. The current code: <b-form-file class="modal-input" v-model="fileLocation" ...
vesii's user avatar
  • 3,186
1 vote
1 answer
481 views

Hello I'm making a vertical menu with Vue Bootstrap 4 <b-dropdown id="dropdown-dropright" no-caret dropright :text="result.title" variant="primary" class="drop&...
J.O's user avatar
  • 117
1 vote
0 answers
500 views

I have a form that would ask user to input personal information, such as Fname, Lname, cellphone, address, etc. For address, it is broken into 6 input boxes, namely Street Address Line 1 Street ...
FrederickW's user avatar
1 vote
1 answer
1k views

I'm using bootstrap table and I want a call to action button at the last column which opens a popover. I've used custom class but can't change the color of the background. Also only the first popover ...
deadbeforesunlight's user avatar
0 votes
1 answer
1k views

I have the following b-table and b-pagination in my template: <b-table bordered hover responsive :items="items" :fields="fields" :sort-by.sync="sortBy" :...
CrashV24232's user avatar
0 votes
0 answers
48 views

I have a radio group that contains several items. <template> <b-form-group label="Is this working properly?" required> <b-form-radio-group v-model.trim="...
Damon's user avatar
  • 4,544
2 votes
1 answer
520 views

I want to do create the following view: On the right you have the b-form-select and on the left you have b-form-input. The code: <template> <div> <div class="row"> ...
vesii's user avatar
  • 3,186
0 votes
1 answer
3k views

I'm trying to work with pagination using the v-pagination component from bootstrap-vue. It's working more or less as I want, however when I click on a certain page the component is closing. I would ...
The Apprentice's user avatar
0 votes
0 answers
331 views

in my bootstrap vue js code below, i'm getting toast successfully but the is appears as full width at the very bottom of the page and i couldn't figure out why is this happening, while i'm setting it ...
sara97's user avatar
  • 401
2 votes
1 answer
1k views

I'm trying to open bootstrap-vue dropdown from a outside button. For instance: <b-dropdown> <template #button-content> Custom <strong>Content</strong> with <em>...
Osman Rafi's user avatar

1
3 4
5
6 7
33