我在这里使用这个库:ng-sortable
我在 table 上使用它。问题是,当我物理拖动表格行时,该行会缩小并且不会保持表格的原始外观。我将范围缩小到 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{ border: 1px dotted #000 !important; }
关于javascript - ng-sortable 在表上。当我拖动一行时,CSS 被抛出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33618732/