上一次学习了html5的drag和drop方法，传送门 就自己写了个例子加深自己对drag和drop的理解。不过一开始不是很简单，遇到了不少问题。还好网络万能的，什么都能查到，总算完成了。
说明和详解都在代码里。
html和css代码如下：
<table> <thead> <tr> <th>年龄</th> <th>姓名</th> <th>面试时间</th> <th>面试类型</th> <th>面试官</th> <th>结论</th> </tr> </thead> <tbody> <tr> <td>33</td> <td >章三</td> <td>2018-04-04</td> <td>交互设计师</td> <td>琪琪</td> <td>待查</td> </tr> <tr> <td>20</td> <td >李四</td> <td>2018-03-07</td> <td>前端工程师</td> <td>悠悠</td> <td></td> </tr> <tr> <td>24</td> <td >王五</td> <td>2018-04-10</td> <td>java工程师</td> <td>懒懒</td> <td></td> </tr> <tr> <td>18</td> <td >六六</td> <td>2018-03-05</td> <td>UI设计师</td> <td>张施</td> <td>通过</td> </tr> <tr> <td>21</td> <td >刘灿</td> <td>2018-04-14</td> <td>交互设计师</td> <td>琪琪</td> <td>通过</td> </tr> <tr> <td>28</td> <td >李江</td> <td>2018-03-27</td> <td>前端工程师</td> <td>悠悠</td> <td></td> </tr> <tr> <td>22</td> <td >王雷</td> <td>2018-03-30</td> <td>java工程师</td> <td>懒懒</td> <td></td> </tr> <tr> <td>25</td> <td >刘哲</td> <td>2018-03-16</td> <td>UI设计师</td> <td>张施</td> <td>通过</td> </tr> </tbody> </table>