vue-grid-layout icon indicating copy to clipboard operation
vue-grid-layout copied to clipboard

set :col-num=“6” is not working

Open JoffreyN opened this issue 3 years ago • 4 comments

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"
           >

JoffreyN avatar Feb 11 '22 05:02 JoffreyN

is caused by this parameter :responsive="true" ,when i set it "false", :col-num=“6” is worked !

JoffreyN avatar Feb 11 '22 07:02 JoffreyN

I want parameter :responsive="true", do you have the solution

BonjourHan avatar Nov 09 '22 02:11 BonjourHan

I want parameter :responsive="true", do you have the solution

nope

JoffreyN avatar Nov 09 '22 07:11 JoffreyN

I found a solution, you need change :cols = '{ lg: 6, md: 6, sm: 6, xs: 6, xxs: 6 }', or breakpoints

BonjourHan avatar Nov 09 '22 07:11 BonjourHan