vue-grid-layout
vue-grid-layout copied to clipboard
set :col-num=“6” is not working
Software version (please complete the following information):
- Browser [Edge]
- Vue Version [2.6.12]
- vue-grid-layout Version: [e.g. 2.3.12]
Describe the bug I already set :col-num=“6” , but the result displayed by the browser is still 12 Use the "examples/06-responsive.html"
To Reproduce
<grid-layout v-if="show"
:layout.sync="layout"
:col-num="6"
:row-height="30"
:is-draggable="draggable"
:is-resizable="resizable"
:vertical-compact="true"
:use-css-transforms="true"
:responsive="responsive"
>
is caused by this parameter :responsive="true" ,when i set it "false", :col-num=“6” is worked !
I want parameter :responsive="true", do you have the solution
I want parameter :responsive="true", do you have the solution
nope
I found a solution, you need change :cols = '{ lg: 6, md: 6, sm: 6, xs: 6, xxs: 6 }', or breakpoints