Question

我在这里使用这个库：ng-sortable

我正在桌子上使用它。问题是，当我实际拖动一个表格行时，该行会收缩并且不会保留表格的原始外观。我把它缩小到CSS的这一部分：

.as-sortable-drag {
    position: absolute;
    pointer-events: none;
    z-index: 9999;
}

我尝试完全删除它，但是行本身实际上只是消失，直到我将行设置为。

有什么方法可以让它保持它的形状和外观？

<tbody as-sortable ng-model="headline.contents.lines">
<tr ng-repeat="line in headline.contents.lines" as-sortable-item style="cursor: move">
    <td as-sortable-item-handle>{{ $index + 1 }}</td>
    <td as-sortable-item-handle ng-show="statsSelected === 2 || statsSelected === 'twostats'">{{ line.stat1 }}</td>
    <td as-sortable-item-handle>{{ line.label }}</td>
    <td as-sortable-item-handle ng-show="statsSelected === 1 || statsSelected === 'onestat'">{{ line.stat1 }}</td>
    <td as-sortable-item-handle ng-show="statsSelected === 2 || statsSelected === 'twostats'">{{ line.stat2 }}</td>
    <td as-sortable-item-handle><button class="btn btn-default"><i class="glyphicon glyphicon-trash"></i></button></td>
</tr>

Answer 1

可以通过“as-sortable-dragging”类应用CSS样式当拖动“as-sortable-item”时，CSS类“as-sortable-dragging”被添加到所有元素。例如在HTML```

中

在CSS .as-sortable-dragging {border：1px点缀＃000！important; }

在表上进行ng-sortable。当我拖动一行时，CSS会被抛弃

1 个答案: