Questions tagged [vuetify-datatable]
49 questions
3
votes
1 answer
Vuetify Datatable Select All Not Working With Regular v-checkbox
I am currently trying to customize the select all checkbox for a Vue Datatable (v-datatable). All I'd really like to do is add a label or perhaps a tooltip to the checkbox itself. To do this, I'd like to utilize the Header Data Table Select…
Francis Bartkowiak
- 1,374
- 2
- 11
- 28
2
votes
1 answer
Veutify data table with number of rows that doesn't make the full height of the table
I am trying to use a v-data-table with fixed header and a footer.
But I have a problem, if I define a height for the table that's bigger than the height of the rows, the table takes the height that I defined, and the footer stays far away from the…
XAronX
- 54
- 1
- 10
2
votes
2 answers
How to remove the select all option from a v-data-table?
I need to hide the select all option from a v-data-table, the vuetify component. According to the documentation including the header-prop, single-select as true should do it but is not…
Ernesto 45
- 21
- 1
- 2
1
vote
1 answer
How to import both components and labcomponents in Vuetify3 in Nuxt3 (or Vue3) project?
ENvironment:
Nuxt: 3.6.5
Vuetify: 3.3.9
package.json:
{
"name": "nuxt-app",
"private": true,
"scripts": {
"build": "nuxt build",
"dev": "nuxt dev",
"generate": "nuxt generate",
"preview": "nuxt preview",
"postinstall":…
wureka
- 731
- 1
- 11
- 26
1
vote
1 answer
Action button not displaying in vuetify v-data-table
everything in the code works fine i mean data is properly fetching from database but the only prlb is the edit and delete icons are not displaying
Shree
- 21
- 3
1
vote
1 answer
Custom sort function not working in vuetify3
I have a v-data-table with headers set, but I can't get the custom sort function to work.
omega
- 40,311
- 81
- 251
- 474
1
vote
0 answers
Vue3 and Vuetify: @update:options not triggering with :search for v-data-table
I am using v-data-table to retrieve information but when I type in the v-text-field to update the search string it does not trigger the @update:options event.
Lakehouse3447
- 19
- 1
1
vote
0 answers
Does Vuetify's data-table work with Static Site Generation?
Can I use an SSG tool for Vue.js, like Nuxt, to generate a single-page application using Vuetify and have its data-table component (instantiated with v-data-table) work, i.e. be able to display tabular data loaded as JSON (via a totally separate…
ByteEater
- 885
- 4
- 13
1
vote
1 answer
How can i set vertical text on q-table header quasar?
I'm trying to parse some excel sheets for my web project and in this q-table I need to set two columns with vertical text just like this example but when I try to rotate it changes all columns.
Júnior Silva
- 13
- 4
1
vote
0 answers
How can I show the data that I require in vuetify?
Using vuetify's datatable as I can only show by default only the fields that have for example the name value "cupcake", having that data in "desserts", without using the search, then I put a fragment to ask to explain correctly what I'm looking for…
plasticheart
- 57
- 1
- 6
1
vote
1 answer
How to show image on v-text-field?
Cornell Nova
- 13
- 3
1
vote
2 answers
how can i use a slot inside a v-for to customize each column of a data-table?
in this example of vuetify documentation for data-tables as described
here, to customize the calories column we’re using the item.calories slot:
Nina
- 13
- 4
1
vote
1 answer
How to return id of a row from v-data-table in VueJs
I'm currently struggling with returning the id of a specific field from each row. I need this id to use it as a parameter for a function that will be used in an action button to delete the row.
This is how my table template is looking like:
…
oct77
- 13
- 3
1
vote
1 answer
How to display value from lookup table in vuetify data table
linus
- 399
- 3
- 19
1
vote
1 answer
Vuetify nested data table alignments
I have got a vuetify data table with expandable rows. When expanded, I want to show a data table within the expanded section that has the exact same columns as the main one. I am having trouble with aligning the columns, I just can't seem to align…
chiapa
- 4,362
- 11
- 66
- 106