Как я могу перетащить несколько строк, используя vue.draggable?

Question

Я хотел перетащить несколько табличных данных в ряд вместо одного тэга.Другими словами, когда я перетаскиваю любой из столбцов, я хочу перетащить оба столбца «Случайный» и «Имя» вместе.

<table id="app">
  <tr>
    <th>Random</th>
    <th>name</th>
  </tr>

  <tr>
    <td>    
      <draggable v-model="items">
        <transition-group name="list-complete">
          <div v-for="item in items"
               v-bind:key="item.message"
               class="list-complete-item">
            {{ item.message }}
          </div>
        </transition-group>
      </draggable>
    </td>

    <td>
      <div v-for="item in items" class="list-complete-item">
        {{ item.name }}
      </div>
    </td>

  </tr>
</table>

Я попытался переместиться и поиграться с перетаскиваемым тегом и переходом.групповой тег, но ничего не работает.

Пожалуйста, помогите.: (

Вот мой код jsfiddle -> https://jsfiddle.net/wusprtnL/63/

Answer 1

Это не поддерживается ни Сортируемым, ни Vue.draggable.Таким образом, нет никакой комбинации опций, которые заставят irt работать.Справка: https://github.com/SortableJS/Sortable/issues/1049