project, which now implements the drag-and-drop of the table (the code is as follows), but according to the current way of writing, if you add operations such as click events to the contents of the table in the future, the cross icon that is now moved to the cell will cause misunderstanding. Now you want to add a crosshair drag icon at the end of the table cell, you have to hold down this icon to drag the table row, and there is no drag effect when dragging other row elements. Can draggable bind a drag event to an element?

    
<table>
    <thead>
        <tr>
            <th></th>
            <th></th>
            <th></th>
            ...
        </tr>
    </thread>
    <draggable element="tbody"
        :list="..."
        @update="..."
    >
        <transition-group name="myListAni">
            <tr v-for="(item,index) in ..." :key="index">
                <td></td>
                <td></td>
                <td></td>
                ...
            </tr>
        </transition-group>
    </draggable>
 </table>