使用 Dragula 将行拖入空白 table

Question

我正在尝试使用 Dragula（实际上是 angular-dragula）将一行从一个 table 拖到另一个。如果两个 table 都有行，则没有问题，但在某些情况下目标 table 将为空。如何让空 table 允许放置？

Answer 1

可能 table 太小了？尝试更改 min-height.

当 table 中没有内容时插入一个占位符行 http://plnkr.co/edit/0TBXXZOBAKnGxHig3xzD?p=preview

Answer 2

我利用angular2的强大解决了这个问题。如果数组 (models) 为空，我添加一个 div 作为 dragula 容器，否则我显示包含数组的容器。 class 落袋有 "min-height:50px";

    <div *ngIf="models.length > 0">
        <div
        *ngFor="let model of models" 
        [dragula]='"third-bag"'
        [dragulaModel]='models'
        class="dropbag">
            <div class="col-xs-12 center-content">
                <img [src]="model.imageThumb" alt="NA">
            </div>
        </div>
    </div>
    <div *ngIf="models.length <= 0">
        <div
        [dragula]='"third-bag"'
        [dragulaModel]='models'
        class="dropbag">
            <div class="col-xs-12 center-content">
                <img src="" alt="No Content">
            </div>
        </div>
    </div>

使用 Dragula 将行拖入空白 table

Drag row into empty table using Dragula

javascript

dragula