我在这里使用此库: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>

最佳答案

CSS样式可以通过“ as-sortable-dragging”类进行应用
拖动“ as-sortable-item”时,会将CSS类“ as-sortable-dragging”添加到所有元素。例如在HTML```中

在CSS中。as-sortable-dragging {边框:1px点缀#000!important; }

10-05 20:50
查看更多