i want to create a line with total from each group of items in a list like this: So i did this to group by Car: if (val == 2) { this.dadosResumo.sort((a, b) => (a.carro > b.carro ? 1 :…
I'm just trying to add validation in my vuetify form from my Model or Controller and make an alert. In my .vue file <v-row dense> <v-col cols="3"> <v-text-field dense outlined label="Employee Code" v-model="emp_code"></v-text-field> </v-col> <v-col cols="3"> <v-text-field dense outlined label="Employee…
I have implemented something similar to this code pen in one of my projects. https://codepen.io/sudheer-ranga/pen/bGVbjbx There is one issue that am facing, the selected items disappear for invalid search. So, I found out that the items prop is mutating. Furthermore,…
Question: I'm currently working on a Laravel 9 project with Vite and I'm trying to integrate Vuetify into it. I've followed the instructions on the Vuetify documentation, but the styles are not being applied app.js import App from "./App.vue"; //…
<v-card :style="{ textAlign: 'left' }" class="basic-card pa-6" :class="{ 'small-padding': !$vuetify.breakpoint.xl }" elevation="0" flat :height="windowHeight - 104 + 'px'" outlined align="start" justify="start"> <v-row class="mt-0"> <v-col cols="12" class="pt-0"> <v-tabs v-model="eventTabs" center-active class="mx-0" grow> <v-tab v-for="(tab, index) in eventAssets" :key="index" :class="{ 'mr-1': index…
Given a Vue app based on Vuetify using the table component. When using this setup ( Reproduction link ) <template> <v-app> <v-main> <v-container fluid> <v-table> <thead> <tr> <th>Col 1</th> <th>Txt</th> <th>Checkbox Column</th> <th>Select ( plain txt )</th> <th>Chips</th> </tr> </thead>…
Currently there is no support for grid lines for Vuetify 3 tables ( https://github.com/vuetifyjs/vuetify/issues/16336 ) So I added them with custom CSS ( reproduction link ) <template> <v-app> <v-main> <v-container> <v-table fixed-header height="300px"> <thead> <tr> <th>First header</th> <th>Second header</th> <th>Third…
I'm using Vuetify and have some content above a table. The table should have a fixed-header but this requires a height prop. A height of 100% didn't work and I can't use 100vh because I have some content above. Reproduction…
let's we have a data variable and i want to use this data variable for my style. data() { return{ selected:{ index: 2 } } } <style> .parent-table >>> .table-row:nth-child(/* here i want to pass selected.index */) { background: red;…
EDIT: I fixed it by adding the return-object prop to v-select When I add a student to a database from a vuetify form, I want to be able to assign them a course. But the course has to be in…