我在这里使用这个库:ng可排序
我在桌子上用它。问题是,当我实际拖动一个表行时,该行会收缩,不会保持表的原始外观。我把它缩小到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>
CSS样式可以通过"as sortable draging"类应用当拖动"可排序项"时,CSS类"可排序拖动"将添加到所有元素中。例如在HTML ``中
在CSS中。作为可排序拖动{border:1px dotted#000!important;}