AnswerBun.com

How to horizontally align v-combobox with text inside v-col in vuetify

I’m trying to figure out how to horizontally align two v-col, one of this columns has a v-combobox:

<div id="app">
  <v-app>
    <v-container class="indigo lighten-5">
     <v-row no-gutters>
      <v-col cols="2">{{ o.id }} </v-col>
      <v-col cols="10">
        <v-combobox v-model="o.selected" :items="values" dense  class="ml-auto"></v-combobox>
      </v-col>
    </v-row>
    </v-container>
  </v-app>
</div>

Here there’s the codepen

How can I align those two columns?

Stack Overflow Asked by alexyz78 on February 19, 2021

2 Answers

2 Answers

Add align prop to the row component with center as value :

<v-row no-gutters align="center">

Correct answer by Boussadjra Brahim on February 19, 2021

In order to do that, you can add class="d-flex align-center" to the v-row

<div id="app">
  <v-app>
    <v-container class="indigo lighten-5">
     <v-row no-gutters class="d-flex align-center">
      <v-col cols="2">{{ o.id }} </v-col>
      <v-col cols="10">
        <v-combobox v-model="o.selected" :items="values" dense  class="ml-auto"></v-combobox>
      </v-col>
    </v-row>
    </v-container>
  </v-app>
</div>

Here's the codepen

Answered by Felipe Endlich on February 19, 2021

Add your own answers!

Related Questions

Trying to get property ‘post_title’ of non-object with

1  Asked on January 1, 2022 by german-mazzaferro

   

Select max for a tuple in table

2  Asked on January 1, 2022 by maxsteel

         

bind python/flask module app yo WINDOWS Server IIS

1  Asked on January 1, 2022 by shaul-sondak

     

Break apart email attachment if zip is too big to email

0  Asked on January 1, 2022 by programmingislife

       

Retrieve previous position of an Image on refresh page

2  Asked on January 1, 2022 by roel-thijssen

 

EMP id Masking with asterisk inbetween string

2  Asked on December 30, 2021 by bala

   

Create Sidebar Nav menu

1  Asked on December 30, 2021

     

Avoid select from dual Union in PL/SQL

3  Asked on December 30, 2021 by alc

     

SQL pulling distinct values and creating an ID

2  Asked on December 30, 2021 by jamheadart

     

Ask a Question

Get help from others!

© 2022 AnswerBun.com. All rights reserved.