Questions tagged [vue-data-tables]
23 questions
5
votes
1 answer
Vuetify v-data-table drag and drop
I am using V-data-table along with vuex store. Below are the points how I configured my v-data-table
Disabled sort on each column
bind the v-data-table items with vuex state store data
using sortablejs to drag and drop the rows
Problem:
When I…
Manideep Kothapalli
- 143
- 2
- 7
5
votes
4 answers
Vue + Vuetify data table first column image
I am using Vue + Vuetify and I am trying to add image in the first column.
Table Template Code
Dill
- 327
- 2
- 5
- 12
3
votes
1 answer
vuetify show-select in data-table not selecting items
So, I upgraded from vuetify 1.5 to latest (2.1xx) and get stuck on a few places.
I have a data-table where I want a "select all" checkbox in the header.
I added it with the "show-select" property and what I can see is that as the checkbox, when…
Toby Fieldgroove
- 243
- 4
- 16
2
votes
1 answer
Slot filter with Vuejs and ElementUi
I have table where a column in there uses slot-scope and I can't get that column data into filters option.
Code
Component filter input
mafortis
- 6,750
- 23
- 130
- 288
2
votes
1 answer
Vuetify datatable watch does not trigger
The function "change sort" executed on header item click does not trigger watch, which fetches updated data from server. On the other hand, if I try to execute fetchRecords method at the end of changeSort method, watch gets triggered multiple…
Robert
- 31
- 2
- 4
1
vote
1 answer
Hiding unfilled rows in vertical v-data-table with Vue
Following is executable code to demonstrate my problem.
Template:
user17797733
1
vote
1 answer
fill datatable with vueJS
i´m trayin to fill my data table with vueJS and all my data from DB. I´m usign this library:
https://jamesdordoy.github.io/laravel-vue-datatable
It´s ok if i use this in my controller:
User::all()
return response()->json($query);
and in my…
scorpions78
- 553
- 4
- 17
1
vote
1 answer
Search table content based on select item and search box
I am trying to create a select and search box for a data table in vue js. The items of select options are the column headers of the table.When we select one option(one column header), and search in the input box, we need to search in that particular…
Sireesh
- 69
- 1
- 8
1
vote
0 answers
How to get data from class for Vuetify data-table component?
My data-table component:
{{ props.item.name }}
TheFurgeurge
- 23
- 3
0
votes
1 answer
Primevue datatable, how to hide a row which has no data in expanded row
I am using primevue datatable to show my data, and row expansion to show additional details.
https://primevue.org/datatable/#row_expansion
My problem is that some of the rows have no data in expanded row (blue T-shirt in example), and I would love…
Kedor
- 1,488
- 5
- 29
- 53
0
votes
0 answers
unable to load Static data in vue-datatables-net
I am trying to create a datatable in Vue 2 using vue-datatable-net@^1.6.0. But there was not enough information about its documentation or examples.
I tried the github's README to create a basic sample with static data, but It does not work.
Below…
wahab memon
- 2,193
- 2
- 10
- 23
0
votes
1 answer
Vue Material Grid: How do I select the first occurring row by default when the page is loaded?
As I mentioned in the Q-title, I have built a datatable from Vue Material Table md-table using data that is fetched from backend and sorted by specific column.
Now in frontend I want the top(first) row (of the sorted rows) to be selected…
Vicky Dev
- 1,893
- 2
- 27
- 62
0
votes
0 answers
How to sort column ASC using vue-data-table
I am using https://github.com/AndreSouzaAbreu/vue-data-table.
actually i want to sort marks column in ASC.
columns: [
{
key: "12",
index: 0,
title: "Mark",
},
{
key:…
Prasad Sonawane
- 52
- 6
0
votes
1 answer
Vue js not rendering VdtnetTable. What might be the issue
[Vue warn]: Error in render: "TypeError: Object(...) is not a function"
found in
--->
at resources/js/kodie/properties/Table.vue
at resources/js/kodie/properties/index.vue
I have…
Dickilla
- 11
- 1
- 2
0
votes
1 answer
Cannot sort date column in Vuesax data table
I need to apply a toggle sort on a datetime column in Vuesax data table I'm using. The toggle sort works on all other columns, except for the datetime column. My code is as follows (I've only written code relevant to the question, please assume the…
moin205
- 19
- 3