Questions tagged [v-data-table]
87 questions
0
votes
1 answer
Vuetify.js v-data-table dynamic template
In my Vue.js project I have a v-data-table.
If cell content is true I would like to replace with the green check_circle icon.
Why this code isn't working?
![](../../users/profiles/8635321.webp)
loreeemartiii
- 165
- 1
- 11
0
votes
1 answer
How to remove clicked row from v-data-table in Vuetify?
I am learning Vuetify and am loading in data from a database to a Vuetify v-data-table. I would like to have a behaviour such that when I click on a row it is deleted from the table. Is this possible?
I am trying to get the index of the row from an…
![](../../users/profiles/6439235.webp)
menrva
- 41
- 6
0
votes
1 answer
vuetify : no documentation for v-data-table-header component?
Does anyone know how to exactly use in vuetify?
In v-data-table, there seems to be api documentation for v-data-footer and v-edit-dialog but I can't find anything on v-data-table-header
![](../../users/profiles/13145492.webp)
deymbwoi
- 95
- 7
0
votes
1 answer
Vuetify v-data-table within v-data-table: content in extended-item slot malfunction
in a vuetify table i do not want to show some headers and their corresponding column. Instead, I want them to be displayed in a table in the extended-item slot. The items of the table are completely user editable. This all works fine too.
The…
![](../../users/profiles/12085202.webp)
Rambone
- 67
- 6
0
votes
1 answer
Vuetify v-data-table with CRUD actions: dialog with dynamic forms wont work with v-model
I have a Vuetify v-data-table with CRUD actions. The table entries can be changed or deleted using form fields in a dialog. Different from the example from the manual (Vuetify v-data-table CRUD Actions) I have a form generator in the dialog. But…
![](../../users/profiles/12085202.webp)
Rambone
- 67
- 6
0
votes
0 answers
Activity indicator not loading correctly in Vuetify
new Vue({
el: '#app',
vuetify: new Vuetify({
theme: {
dark: true
},
}),
data() {
return {
loading: null,
requests: [{"req_id":78},{"req_id":79}],
…
![](../../users/profiles/12232725.webp)
Temir
- 1
- 1
0
votes
0 answers
How can we design as per screenshot using vuetify-data-table
I used Vuetify-data-table for the data tables, But i want another format for data table. So i added below screen what i need . Please help me .
![](../../users/profiles/6642958.webp)
Lavaraju
- 2,236
- 4
- 20
- 42
0
votes
1 answer
getting data from json in order to fill a datatable
Good day developers ... I'm trying to fill a data table dynamically using information already fetched through a fetch and previously stored in a variable in my vuex instance and now called as computed property in my applets say I have…
![](../../users/profiles/12037397.webp)
Enrique GF
- 618
- 4
- 16
0
votes
1 answer
Drilling into object sup-properties in v-data-table
Basically I need to pass an object in as the value for all columns in my v-data-table.
For example instead of:
{
name: 'Ice cream sandwich',
calories: 237,
fat: 9.0,
carbs: 37
}
I need to set this as an example item in "items":
{
…
![](../../users/profiles/12836378.webp)
EC_Perth
- 33
- 3
-1
votes
1 answer
How to eliminate and understand this error warning from vuetify data table slot?
I have a Vuetify data table populated from a json data store lke below. But i keep getting this warning:
Error in render: "TypeError: Cannot read property 'usertype' of undefined"
The display and code works as expected but I dont like the error…
![](../../users/profiles/5918860.webp)
joomkit
- 134
- 7
-1
votes
1 answer
Add a `v-text-field header` to `v-data-table` header for column based search
Target:
I am planing to add custom search to my v-data-table which filters on a per column basis. For example if I have the table
ID | Name | Age
I'd like to add a v-text-field to the Nameand Age header to enable custom filtering on those two…
![](../../users/profiles/5757162.webp)
Squirrel in training
- 542
- 6
- 22
-1
votes
1 answer
common search for vuetify data tables which exists in v-tabs
The Search functionality would also search for a result in any tab data table(each tab contains vuetify data table), not just the tab you are on.