171 questions
- Bountied 0
- Unanswered
- Frequent
- Score
- Trending
- Week
- Month
- Unanswered (my tags)
0
votes
0
answers
49
views
v-data-table header.data-table-select not available in mobile mode
Using the v-data-table header.data-table-select slot allows me to create a special menu for selecting items in the table. It works beautifully.
<template v-slot:header.data-table-select="{ ...
0
votes
1
answer
191
views
Vuetify 3: Custom Key Filter on v-data-table
I have a list of data items to display on a Vuetify v-data-table. One of the members is an object itself. I want the search to peek inside that structure when deciding whether to include it. There is ...
0
votes
0
answers
20
views
Is there a way to show a row of data under two different groups in Vuetify 3 v-data-table
I have a list of permissions that are grouped in a v-data-table, by a string field on them named permission_group. I recently felt the need to show a permission under two different groups, given that ...
1
vote
1
answer
76
views
Vuetify `v-data-table-virtual` not selecting all items
I want to use a v-data-table-virtual from Vuetify to show API scopes. The problem is that I have 643 scopes but when selecting all rows it only selects 611 scopes.
Here are the relevant parts of my ...
1
vote
0
answers
43
views
v-data-table: Ellipsis Truncation Causing Inconsistent Subject Display and Tooltip Behavior
I am using a v-data-table to display a list of correspondences, where each correspondence has a subject. Due to long subject texts, I have applied ellipsis (text-overflow: ellipsis) to truncate them. ...
1
vote
1
answer
186
views
Adding "View More" functionality for truncated long text in Vuetify v-data-table
I am working on a Vuetify 3 data tabe and need to implement a "View More" button for description that exceed three lines. I want to use scrollHeight and clientHeight to determine if the text ...
0
votes
1
answer
242
views
Change of background color when checkbox clicked from v-data-table using vue 3
I am looking for a solution where background color of v-data-table rows can be applied whenever the checkbox of the table is toggled.
This is the vue 3 code that I am using for the problem,
<v-data-...
0
votes
1
answer
121
views
How to add v-select sorting the v-data-table content and alignment for the same using vuejs 3
How I want the v-data-table to be displayed:
But v-data-table contents and headers are displayed as well:
This has to be achieved for mobile devices only.
Code for v-data-table:
<v-data-table
v-...
0
votes
1
answer
258
views
Useing v-data-table with 'how-select' and 'return-object' dosen't work correctly
Im trying to use Vue3, Vuetify v-data-table component.Without 'return-object' all works fine, im getting id, but i want to get user objects. So the problem is when i click on select all checkbox first ...
0
votes
1
answer
85
views
Vuetify - search in v-data-table with chips column (based on an Object)
I have a v-data-table with headers I define in advance,
one of the columns I get from my API an array on objects (application_tags) like so:
[ { "application_id": 1, "application_name&...
0
votes
1
answer
901
views
v-data-table checkbox selection in vue js 3
How to make the v-data-table where only one checkbox can be selected at a time and not multiple selection
I have tried single-select as well as :single-select="true" props for the v-data-...
0
votes
0
answers
43
views
Vuetify 2: search bar doesn't filter database
I want to implement a basic search bar for a datatable and I implemented the way the documentation recommends, but it doesn't work. Any guesses on what I need to fix?
<v-row class="ma-2"&...
0
votes
1
answer
109
views
getting the list of values shown in the currently displayed v-data-table page
I'm using a v-data-table in vuejs2 with multiple pages of users in my project, showing their info a in set of columns (25 users are shown per page, with a total of 60 000+ users). I'd like to get the ...
0
votes
1
answer
2k
views
Vue 3 Vuetify 3 v-data-table cells are not editable
Since the upgrade from Vue 2 to Vue 3 and Vuetify 3, our datatable row cells are no longer editable. I have changed headers from using text,value to use title,key, and the rows are showing properly, ...
-1
votes
1
answer
196
views
Backgroud-color on whole cell in vuetify v-data-table
I'm trying to setup backgroud-color on whole cell in vuetify v-data-table but the color is only on the letters and not all the cell.
This is what I get
this is what I want to have
This is the code:
...