draggable
draggable copied to clipboard
Shopify
I want to make tbody sortable.
Please use this template to help contributors get a detailed description of the issue or feature.
For support questions, please use stackoverflow. This repository's issues are reserved for feature requests and bug reports.
1. Apply either the bug or feature-request label
Select appropriate label in right sidebar...
2. Describe the bug or feature
In the following example, it seems to work well when dragging.
But it works strangely the moment you drop.
Am I using dragable wrong?
3. If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem
Draggable table
<draggable
v-model="list"
tag="table"
draggable=".test-body"
class="table table-striped"
>
<thead slot="header" class="thead-dark">
<tr>
<th scope="col">Id</th>
<th scope="col">Name</th>
<th scope="col">Sport</th>
</tr>
</thead>
<b-tbody v-for="i in 3" class="test-body" :key="`${i}`">
{{ i }}
<tr class="test-row" v-for="item in list" :key="item.name">
<td scope="row">{{ item.id }}</td>
<td>{{ item.name }}</td>
<td>{{ item.sport }}</td>
</tr>
</b-tbody>
</draggable>
4. Please tell us about your environment:
- Library version:
- **Browsers: Chrome vX
- Tech stack: ES6/7
- Other information:
