Questions tagged [v-data-table]
157 questions
1
vote
1 answer
How to custom all headers in v-data-table?
I'm trying to customize all headers in my v-data-table like this
François Legrand
- 1,151
- 1
- 14
- 25
1
vote
0 answers
Sort Vue data table by selection
Is there a way to sort a v-data-table by the selection column?
I would like to multisort my v-data-table. First by selection, so the selected ones are always on top and second by name. So far I got this:
…
H0fi
- 53
- 1
- 5
1
vote
1 answer
Vuetify Data Table: How are header filter functions applied
According to the Vuetify docs for custom filters in v-data-table, one can customize the filtering of a specific table column by supplying a filter property on header items.
In my application, I want to use this to customize filtering for a single…
Helge Löding
- 45
- 1
- 8
1
vote
1 answer
vuetify v-data-table custom-filter questions
I wanted to build a custom-filter for my v-data-table (containing books) which
allows to narrow down search results by entering multiple space separated search terms
separates compound words with hyphens into separate search terms
all search terms…
bdasliva83
- 36
- 4
1
vote
3 answers
How to get item-class to work in v-data-table (so I can color a row)?
I'm trying to color a row in a v-data-table based on the value of one of the fields in the table.
I've tried all the solutions offered here and elsewhere, and experimented with a few more.
I'm running the current version of Vuetify (2.3.9)
I've…
DucatiGuy
- 21
- 4
1
vote
1 answer
How to remove action buttons in data table in vuetify for non auth users?
I am trying to remove the edit and delete buttons in posts that are related to other users. so every user should only edit or delete his own post, I already made the authentication in the back-end but i dont want to render the buttons in the…
Abdulkader Freij
- 37
- 6
1
vote
1 answer
Scroll to first selected row in v-data-table
I have a v-data-table that I highlight a selected row by adding a selectedRow class to the table row. After an update in another component the v-data-table is refreshed. I want it to automatically scroll back to the selected row. I'm getting an…
Connie DeCinko
- 802
- 2
- 15
- 32
1
vote
0 answers
Sub rows in table aligned to to main table columns
I'm using vuetify's data table. I want to use the expanded slot to show more rows in the table.
For example:
The blue colored rows are sub rows of January 2nd, sells and revenue sums up.
It seems the expanded-item slot for v-data-table is inside…
dor272
- 550
- 1
- 6
- 26
1
vote
0 answers
expand slot on data table not working inside wrapper component
expand slot on data table not working inside wrapper component
I have a wrapper component around v-data-table like so:
bilal ahmad
- 206
- 3
- 9
1
vote
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…
menrva
- 63
- 7
1
vote
0 answers
Vuetify Custom Column Filtering of Dates
I have columns in my table that are dates. They're presented to the user in MMM YYYY (e.g. JAN 2020) format. I want the user to be able to filter based on those months and years - if they type "Jan" they should get all the January rows, etc. Same…
Scott Baker
- 10,013
- 17
- 56
- 102
1
vote
1 answer
How to show correctly all the users in a v-data-table?
I'm trying to show all the users that I have in Firebase, inside a v-data-table, but all the rows are shown in a single row.
Jesus Favela
- 19
- 3
0
votes
0 answers
Why are the actions button paginations not showing up properly at a VDataTable?
I'm working with Vue3, and Im (at least tyring to) implementing a data table with pagination using Vuetify.
Right now i just cant see why are the paginations (that left-right arrows for going back or forward between data pages) buttons not been…
0
votes
0 answers
replacement character in vuetify v-data-table
I'm on a bigger project (warehouse management system), it's cloudbased and we host everything with Azure. We are currently using Vue 2 (2.6.8) and vuetify (2.1.11) which we will upgrade within time.
We can not post code here (company policy), but…
Potatismoose
- 1
- 1
0
votes
1 answer
vue 3 js vuetify component v-data-table not resolving table data object
I'm new to vue and trying vuetify components for UI. I facing problem with v-data-table component of vuetify in localhost. Using vue 3 with vuetify 3 component v-data-table but no table was rendered in the browser throws no console error or eslint,…
designblob
- 3
- 3