[Vuejs]-Display multiple checkbox in table format using <v-for> and <v-checkbox> in Vuetify?

You should put v-layout outside of v-for

  <div class="mr-4 ml-4 whiteback userGroupHeight">
          <v-layout row wrap>
                <v-flex v-for="(category,index) in types" :key="types[index].text" xs6>
                  <v-checkbox light :label="category.text" v-model="category.selected">
                  </v-checkbox>
                </v-flex>
          </v-layout>
</div>

then you don’t need to use checkLength method.

Demo: https://codepen.io/ittus/pen/ZRqYME