jbaysolutions / vue-grid-layout

A draggable and resizable grid layout, for Vue.js.
https://jbaysolutions.github.io/vue-grid-layout/
MIT License
7.12k stars 1.5k forks source link

col-num not working #783

Open V-yw opened 1 year ago

V-yw commented 1 year ago

When I set colNum to 12 columns, it has no effect. I opened Google's vue plug-in and checked that clos is automatic. Below is an example of part of my code.But it works if I adjust row-height

<grid-layout ref="gridlayout" :layout.sync="layout" :col-num="12" {# :cols="12"#} :row-height="30" :is-draggable="true" :is-resizable="true" :is-mirrored="false" :vertical-compact="true" :margin="[10, 10]" :responsive="true" :use-css-transforms="true" class="vue-grid-layout"

<grid-item v-for="item in layout" :x="item.x" :y="item.y" :w="item.w" :h="item.h" :i="item.i" :key="item.i" class="gridli transparent-grid-item"