Vue-grid-layout: Grid Item Shape and Free Movement Feature

[kennethllamasares]

I think it would be cool if there's a feature for grid item shape, as well as an option to allow dragging an item on any position without snapping to grid, allow overlaps of another grid, much more like a feature for free movement

[gmsa]

1. What do you mean by grid item shape? If you mean the styling, you can change that using css.
2. Sorry but I don't understand what you are trying to say.

[kennethllamasares]

for the first part i think i know what to do for the second here's the sample https://strml.github.io/react-grid-layout/examples/11-no-vertical-compact.html

[gmsa]

You can do the same with vue-grid-layout as that example, just change the prop "vertical-compact" to false.

<grid-layout
            :layout="layout"
            :col-num="12"
            :row-height="30"
            :is-draggable="true"
            :is-resizable="true"
            :vertical-compact="false"
            :margin="[10, 10]"
            :use-css-transforms="true"
    >

        <grid-item v-for="item in layout"
                   :x="item.x"
                   :y="item.y"
                   :w="item.w"
                   :h="item.h"
                   :i="item.i">
            {{item.i}}
        </grid-item>
</grid-layout>