同一个表中的Draggable和Droppable jquery UI

Question

我正在研究MVC应用程序，我遇到了一个情况。当我用谷歌搜索它时，我没有找到任何关于此的内容。情况如下： - 我有一张表如下： -

<table>

        <thead>

            <tr>

                <th>Test1</th>
                <th>Test2</th>
                <th>Test3</th>
                <th>Test4</th>

            </tr>

        </thead>

        <tbody>

                <tr>

                    <td>1</td>
                    <td>1</td>
                    <td>1</td>
                    <td>1</td>

                </tr>

                <tr>

                    <td>2</td>
                    <td>2</td>
                    <td>2</td>
                    <td>2</td>

                </tr>

                <tr>

                    <td>3</td>
                    <td>3</td>
                    <td>3</td>
                    <td>3</td>

                </tr>

                <tr>

                    <td>4</td>
                    <td>4</td>
                    <td>4</td>
                    <td>4</td>

                </tr>

        </tbody>

    </table>

我想让一行可拖动，然后将其放在另一行之后或其他行之前。

如何使用jquery做到这一点？