All Questions
125 questions
0
votes
1
answer
39
views
How can I set v-data-table height to 100% when it is placed inside a flex container?
I have a component which renders a v-data-table
<!-- UsersDataTable.vue -->
<template>
<div>
<DataTable v-bind="$attrs" :headers="headers" hide-default-...
- 405
0
votes
1
answer
94
views
How can I position a button at the bottom right corner of its scrollable container? (wrapper div cannot be used)
I have following code
<v-card-text
style="min-height: 700px"
class="px-6 py-4"
>
<v-row no-gutters>
<v-col>
<div
v-for="(log, i) ...
- 405
1
vote
1
answer
155
views
Vuetify 2 v-menu left sided | (Vuetivy 3 substitute)
I'm trying to make a Vue&Vuetify application, and I've been searching a way to make my Menu dropdown be Left sided
Header Dropdown center aligned
In vuetify 3.0 we may use 'Location' but this ...
- 11
0
votes
1
answer
580
views
How to change vuetify v-data-table header font size?
When I am trying to change the v-data-table header font size, it doesn't change whatever font I am setting. I tried the Chrome developer tool and was able to do that. I don't, and when I copy that ...
1
vote
2
answers
496
views
Vuetify Drawer tabs overflow/z-index
I am trying to implement a sidebar expandable menu with Vuetify2 as shown in the docs, however after hours of struggling and trying different suggested in the docs options couldn't find a way to make ...
- 35
1
vote
2
answers
509
views
vuetify changing font colors of data-table items-per-page
I am struggling to find ways to change font-colors in data-table. I found ways to change color of headers and rows, but now I need to change the color of rows-per-page count selecter box (it is filled ...
- 695
2
votes
1
answer
801
views
How to prevent styles leaking from v-html in vue
I have a vue component that renders multiple child components and a div with v-html directive. The div renders a dynamic HTML source. Sometimes, the styles from the HTML source leak outside the div ...
- 301
2
votes
0
answers
207
views
Monaco Editor doesn't resize inside Splitpanes
package.json (question related dependencies)
"dependencies": {
"monaco-editor-webpack-plugin": "^1.9.1",
"splitpanes": "^2.4.1",
"vue-...
- 405
1
vote
1
answer
989
views
Vuetify v-menu dropdown is shown at incorrect location while using css zoom property
As shown in attached picture, v-menu position is at incorrect location while using zoom css property.
Corresponding codepen : https://codepen.io/satishvarada/pen/YzjGNVZ
Similar issues wile using v-...
- 443
0
votes
2
answers
2k
views
How to detect if an element is sticky or not?
In my Vue application, I have a navigation drawer that contains a sticky header and content underneath it.
The content is quite long and I'd like to display a divider or a border between the header ...
- 65
0
votes
1
answer
2k
views
Text-color for v-tooltip
I have many v-tooltips components and I'd like to know a way to change the text-color of it, not the color of the tooltip.
I tried inspecting the element but it's impossible to inspect the tooltip ...
- 65
0
votes
1
answer
245
views
mouse wheel not working in v-dialog with css overflow set as overlay
Reproduction Link: https://codepen.io/kingyue737/pen/BaVdjmg
This repro is modified from official example https://vuetifyjs.com/en/components/dialogs/#scrollable
The only difference is that I add ...
- 2,279
1
vote
2
answers
375
views
How to center the p element vertically in v-card on Vuetify?
The code is shown below.
<v-container fluid>
<!-- page title -->
<v-row>
…
</v-row>
<!-- body -->
<v-row justify="center" no-...
- 15
0
votes
1
answer
569
views
Change color items in v-list-item
I have a dropdown with multiple items in it and I'd like to change their appearances.
At the moment, I can only change the color of the appended item "Select All" but no the ones under it. ...
- 65
0
votes
1
answer
341
views
V-toolip on other template [vuetify]
I have a v-data-table all set with 5 columns.
I'd like to have a text appearing as the v-tooltip component.
But since it's in one template, I can't use the tooltip on it because v-tooltip also ...
- 65