How to drag and drop between 5 grid (not just right-left, left-right)

Hello,

I am using Vaadin 8.7.1. My challenge is my project has 5 grid, I need to DnD rows between all of them. I checked the example in sampler, left-right and right-left. So I created following code.

if I move items between these grid, sometime empty new item(s) are created when DnD. I read the post: https://github.com/vaadin/framework/issues/10697. It is not exactly the same issue, but likely relevant. Any idea how we could achieve this.

  test (){
        bindDragger(stage1Grid, stage2Grid);
        bindDragger(stage1Grid, stage3Grid);
        bindDragger(stage1Grid, stage4Grid);
        bindDragger(stage1Grid, stage5Grid);
        bindDragger(stage2Grid, stage3Grid);
        bindDragger(stage2Grid, stage4Grid);
        bindDragger(stage2Grid, stage5Grid);
        bindDragger(stage3Grid, stage4Grid);
        bindDragger(stage3Grid, stage5Grid);
        bindDragger(stage4Grid, stage5Grid);
    }

    private void bindDragger(Grid<MyObject> grid1,
            Grid<MyObject> grid2) {
        GridRowDragger<MyObject> drag1 = new GridRowDragger<>(grid1, grid2);

        GridRowDragger<MyObject> drag2 = new GridRowDragger<>(grid2, grid1);

        drag1.getGridDragSource().addDragStartListener(event -> drag2
                .getGridDropTarget().setDropEffect(DropEffect.NONE));
        drag1.getGridDragSource().addDragEndListener(
                event -> drag2.getGridDropTarget().setDropEffect(null));

        drag2.getGridDragSource().addDragStartListener(event -> drag1
                .getGridDropTarget().setDropEffect(DropEffect.NONE));
        drag2.getGridDragSource().addDragEndListener(
                event -> drag1.getGridDropTarget().setDropEffect(null));
    }

Also open to walk around if there is no direct solution. However it is nice to have such feature.

okay here is our solution

https://github.com/xuanzhiyi/VaadinDnDMultipleGrid

ole hyvaa