table tr 拖动排序插件jquery.tablednd.js

最新推荐文章于 2021-03-21 20:10:01 发布

iteye_7451

最新推荐文章于 2021-03-21 20:10:01 发布

阅读量2.1k

点赞数

分类专栏：前端开发-javascript 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/iteye_7451/article/details/82522851

版权

前端开发-javascript 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

<html>
<head>
	<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
	<script src="http://isocra.com/js/jquery.tablednd.js"></script>
	<style>
    .tDnD_whileDrag,table.tablednd tbody tr:hover {
    	background-color: #eee;
    }
	</style>
	
  <script type="text/javascript">
    $(document).ready(function() {
        $("#table-1").tableDnD();
    });
  </script>
  
</head>
<body>
	
  <table id="table-1" cellspacing="0" cellpadding="2" class="tablednd">
      <tr id="1"><td>1</td><td>One</td><td>some text</td></tr>
      <tr id="2"><td>2</td><td>Two</td><td>some text</td></tr>
      <tr id="3"><td>3</td><td>Three</td><td>some text</td></tr>
      <tr id="4"><td>4</td><td>Four</td><td>some text</td></tr>
      <tr id="5"><td>5</td><td>Five</td><td>some text</td></tr>
      <tr id="6"><td>6</td><td>Six</td><td>some text</td></tr>
  </table>

</body>
</html>

官方网站+在线演示：http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

iteye_7451

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
table tr 拖动排序插件jquery.tablednd.js

&lt;html&gt;&lt;head&gt; &lt;script src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt; &lt;script src="http://isocra.com/js/jquery.tablednd.js"&gt;&lt;/script&gt; &a
复制链接

扫一扫