Questions tagged [vue-good-table]
41 questions
4
votes
3 answers
Set filter options on vue-good-table programmatically
How can one change the value that is displayed in the UI filter elements(input, dropdown etc) in vue-good-table programmatically?
For example if I call:
this.$set(this.table.columnsFilters, 'name', 'bob')
I want the value in the HTML input field…
Jakobovski
- 3,203
- 1
- 31
- 38
3
votes
1 answer
How can I display custom content in vue-good-table within my view-side component?
I'm new to VueJS and decided to use a library called Vue-good-table (doc here : https://xaksis.github.io/vue-good-table/ ) to display a datatable in my laravel project instead of the usual Yajra datatables which uses jQuery. I have been able to…
ABCrafty
- 278
- 1
- 3
- 16
3
votes
1 answer
Vue JS - dynamically created components rendered with innerHTML cannot be bound to events
I've just recently started to dive in into Vue JS - loved it so far.
I'm facing an issue now where I'm trying to create a (non-trivial) table (using vue-good-table plugin) in which each cell is a component by it's own.
Having read the documentation…
Ben
- 421
- 6
- 19
3
votes
1 answer
Is there a right click event on vue-good-table rows to show a context menu?
According to what I see in vue-good-table documentationn there's no right-click event exist, only click, dbl-click, mouseEnter..
I need to have a context-menu opened on right-click for each row.
Do someone have any suggestions how to solve the…
TinkerBel
- 115
- 1
- 10
2
votes
1 answer
How to do cell editing in vue-good-table?
I am trying to create a table where the data can be edited directly in the cells. However, I don't understand how to do this.
I am using Vue.js, Vuexy and vue-good-table 2.21.1. The data is contained in the mediaPlanData variable and is reactive.…
Ostet
- 175
- 1
- 12
1
vote
1 answer
Merge two columns in one using Vue Good Table
I have the data array as:
data() {
return {
columns: [
{
label: 'Action Description',
field: 'actionDescription',
tdClass: 'text-center',
thClass: 'text-center',
sortable: false,
…
Jesus
- 331
- 1
- 4
- 19
1
vote
0 answers
vue-good-table custom sorting
I am using vue-good-table and have the following code so far:
ibu
- 150
- 3
- 17
1
vote
0 answers
How to fix row as expanded row when click first time and also when click on next time with group options in vue-good-table?
I'm using vue-good-table plugin in laravel-vuejs project.
I've a table and I want to display group wise row data through this option (:group-options):
and now my question is how can we only expand particular parent row when click on it multiple…
Sachi
- 11
- 1
1
vote
1 answer
Adding a cell in Vue.js just doesn't work
I did a complete search about adding new fields in Vue.js 3 + Vite + VueGoodTable but it just doesn't work! It appears empty.
I used the codes from guide: https://xaksis.github.io/vue-good-table/guide/advanced/#adding-custom-columns and from this…
Claudiu
- 577
- 1
- 9
- 24
1
vote
1 answer
Vue v-model bind to Parent component input element doesn't work
I am using Vue, Nuxt, Vue Good Table to live search a table. I create a child component named child.vue, and imported it into the parent page parent.vue. I used v-model to bind the searchTerm on the input element in the parent component. When I run…
Chang Day
- 33
- 5
1
vote
1 answer
How to use buttons with check box table in vue-good-table
I'm using checkbox table in Vue-good-table. I tried to add buttons with the table, but when I click the button it's automatically selected the checkbox that related to the row. Here is my code for table
Udara Herath
- 805
- 2
- 18
- 37
1
vote
0 answers
Filtering Data with PagingAndSortingRepository
I have in Vue js vue-good-table that should have pagination, sorting and FILTERING.
From frontend to the backed I pass the following object:
@Getter
@Setter
@NoArgsConstructor
public class PagingParams {
private String…
Matley
- 1,953
- 4
- 35
- 73
1
vote
0 answers
Vue Good Table Component, insert html in filter select options
I am a web-designer, i am working in laravel 5.8 with vue js 2, this is a work for my company.
I have a vue good table component and i want in the flags(languages) column a filter with a drop-down options.
The options(list of languages(example:…
Bruno Dias
- 11
- 3
1
vote
1 answer
How to add button in every table row? - VueJS 2.5 - good-table
I'm trying to add a button to replace the words "View Details" within the table cell for every row. I've tried implementing a template and every time I save changes, the table returns no results which is telling me something is broken.
This is what…
BobbyWidThaTool
- 155
- 1
- 6
- 14
0
votes
0 answers
Vue Good Table: Preserving Selected Rows After Filtering
I need assistance regarding an issue I am encountering while using Vue Good Table. Below is a Vue component that utilizes Vue Good Table to display a table and its rows.
hsnbsrn
- 1