JavaScript ng-sortable on a Table. When I drag a row, the CSS gets thrown off

I'm using this library here: ng-sortable

And I'm using it on a table. The thing is, when I physically drag a table row, the row shrinks and doesn't keep the original look of the table. I narrowed it down to this section of the CSS:

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

I tried removing that completely but then the row itself actually just disappears until i set the row down.

Is there any way I can get the row to keep it's shape and look?

<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

I have the following array var x = [{"id":"757382348857","title":"title","handle":"linkhere","productimage":"url","ippid":true,"location_x":26,"location_y":18}] And i am trying to add the following ...

I have the following array var x = [{"id":"757382348857","title":"title","handle":"linkhere","productimage":"url","ippid":true,"location_x":26,"location_y":18}] And i am trying to add the following ...

  1. concatenate arrays with different dimensions python
  2. concatenate arrays with different dimensions matlab
  3. concatenate arrays with numpy
  4. concatenate arrays with python
  5. concatenate arrays with
  6. concat arrays with spread operator
  7. concat arrays with reduce
  8. concatenate arrays in matlab
  9. concatenate arrays of different sizes matlab
  10. concatenate arrays of different sizes python
  11. concatenate arrays in java
  12. concatenate arrays in javascript
  13. concatenate arrays in c
  14. concatenate arrays in r
  15. concatenate arrays in list python
  16. concatenate arrays in excel
  17. concatenate arrays in loop matlab
  18. concatenate arrays of different sizes numpy
  19. concatenate arrays in php
  20. concatenate arrays in a list

An API I'm working with is returning poorly structured data like this: { "scsi0": "vm-101-disk-1.qcow2,size=32G", "scsi1": "vm-101-disk-2.qcow2,size=32G", "scsi2": "vm-101-disk-3.qcow2,...

An API I'm working with is returning poorly structured data like this: { "scsi0": "vm-101-disk-1.qcow2,size=32G", "scsi1": "vm-101-disk-2.qcow2,size=32G", "scsi2": "vm-101-disk-3.qcow2,...

My submit button is finally working. However, it is not counting all of the votes in the results. How do I get my submit button to sort all of the votes? HTML: <!DOCTYPE html> <html&...

My submit button is finally working. However, it is not counting all of the votes in the results. How do I get my submit button to sort all of the votes? HTML: <!DOCTYPE html> <html&...

  1. sort keys array php
  2. sort keys array javascript
  3. sort array keys
  4. sort array keys alphabetically php
  5. sort array keys descending php
  6. sort array keys js
  7. sort array keys descending order php
  8. sort array keys by value

I have two components: <div> <advertiser-add-component></advertiser-add-component> <advertisers-component></advertisers-component> </div> These components ...

I have two components: <div> <advertiser-add-component></advertiser-add-component> <advertisers-component></advertisers-component> </div> These components ...