I'm using the table component from the Vuetify framework. I'm building a dynamic table, based on a configuration. The fixed table headers are dynamic and might be nested inside a parent group or might have a rowspan greater than 1.…
I want to change group label of vuetify data-table. For earlier versions of Vuetify below the code was working fine but now it doesn't work. <va-data-table-server :items-per-page="50" :group-by="groupBy" row-create row-clone row-edit disable-edit disable-show disable-clone disable-create-redirect > <template v-slot:column.data-table-group> </template> </va-data-table-server>…
I have a table of members created by a v-for and some users can manage other members based on their role. I implemanted some check to prevent some role to intervene but the complete list of check is done in…
I'm trying to make a simple 9x9 grid with vuetify but the last row is not showing. I can see it in the browser inspector, where it must be placed, but is not showing. Here is mi code: <!-- main.vue…
I'm using Vue and vuetify and I want to align a row to the end of the container, which is located in an image. This is what it looks like right now. I already tried to set the "align-end" to…
I want to draw a circle, just on the top of the screen like the image bellow Its for mobile. The circle occupies a percentage of space, the rest of the content when scrolling will be the background blue as…
I don't want the top of the navigation to be hidden when I scroll to the bottom of the page and see the footer. Below is the state before scrolling. Below is a screenshot when scrolling down to the page.…
Is it possible to create a semi circle like the following with css? If yes, can someone explain me how to do it or where can I find some tutorials to learn? My Menu and Footer are already in place.…
I have one component in vue.js 2 and Vuetify that receive this data : [ { "anio": 2022, "__typename": "Grupo" }, { "anio": 2020, "__typename": "Grupo" }, { "anio": 2018, "__typename": "Grupo" }, { "anio": 2017, "__typename": "Grupo" }, {…
Problem Statement : I just migrated my Vue 2 application (Contains Vuetify 2) into Vue 3 (with Vuetify 3). After migrating, validate() method on form is not working as expected. It always return truthy value if still there are errors…