jQuery可以拖放多个div同时作为行或列拖放吗？

Question

我有一个由4x4 div组成的网格，是否可以拖动col-head / row-head然后将整个列/行div拖到另一列/行？

build.gradle

但现在我每次只能拖放一个网格

<div class="container">
    <div class="pin">0</div>
    <div class="grid col-head">1</div>
    <div class="grid col-head">2</div>
    <div class="grid col-head">3</div>
    <div class="grid row-head">4</div>
    <div class="grid">5</div>
    <div class="grid">6</div>
    <div class="grid">7</div>
    <div class="grid row-head">8</div>
    <div class="grid">9</div>
    <div class="grid">10</div>
    <div class="grid">11</div>
    <div class="grid row-head">12</div>
    <div class="grid">13</div>
    <div class="grid">14</div>
    <div class="grid">15</div>
</div>

这是我的代码：jsfiddle