jquery table-move实现可拖动列和行表格效果代码
代码语言：html
所属分类：表格
代码描述：jquery table-move实现可拖动列和行表格效果代码，可以所以编辑表格内容。
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example for move table</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- styles -->
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/bootstrap.3.3.4.css">
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/table-move.css">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.1.11.min.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/table-move.js"></script>
</head>
<body>
<div id="tableMove" class="table-move mouse-down">
<div id="cover" class="cover"></div>
<div class="ul col-lg-12">
<div class="list-line point-events row">
<div class="col-lg-12">
<div class="new-line-pointer">
<div class="col-lg-12">
<div class="creating-list-line">
<div class="col-lg-12 creating-li-child-content"></div>
</div>
</div>
</div>
</div>
</div>
<div class="scroll">
<div class="li li-inline-flex">
<div class="li-child-list-line point-events col-lg-1">
<div class="col-lg-12 li-child-content"></div>
</div>
<div class="li-child">
<div class="col-lg-12 li-child-content">1</div>
</div>
<div class="li-child">
<div class="col-lg-12 li-child-content">1.1</div>
</div>
<div class="li-child">
<div class="col-lg-12 li-child-content">1.2</div>
</div>
<div class="li-child">
<div class="col-lg-12 li-child-content">1.3</div>
</div>
</div>
</div>
<div class="list-line point-events row">
<div class="col-lg-12">
<div class="new-line-pointer">
<div class="col-lg-12">
<div class="creating-list-line">
<div class="col-lg-12 creating-li-child-content"></div>
</div>
</div>
</div>
</div>
</div>
<div class="scroll">
<div class="li li-inline-flex">
<div class="li-child-list-line point-events col-lg-1">
<div class="col-lg-12 li-child-content"></div>
</div>
<div class="li-child">
<div class="col-lg-12 li-child-content">2</div>
</div>
<div class="li-child">
<div class="col-lg-12 li-child-content">2.1</div>
</div>
<div class="li-child">
<div class="col-lg-12 li-child-content">2.2</div>
</div>
<div class="li-child">
<div class="col-lg-12 li-child-content">2.3</div>
</div>
</div>
</div>
<div class="list-line point-events row">
<div class="col-lg-12">
<div class="new-line-pointer">
<div class="col-lg-12">
<div class="creating-list-line">
<div class="col-lg-12 creating-li-child-content"></div>
</div>
</div>
</div>
</div>
</div>
<div class="scroll">
<div class="li li-inline-flex">
<div class="li-child-list-line point-events col-lg-1">
<div class="col-lg-12 li-child-content"></div>
</div>
<div class="li-child">
<div class="col-lg-12 li-child-content">3</div>
</div>
<div class="li-child">
<div class="col-lg-12 li-child-content">3.1</div>
</div>
<div class="li-child">
<div class="col-lg-12 li-child-content">3.2</div>
</div>
<div class="li-child">
<div class="col-lg-12 li-child-content">3.3</div>
</div>
</div>
</div>
<div class="list-line point-events row">
<div class="col-lg-12">
<div class="new-line-pointer">
<div class="col-lg-12">
<div class="creating-list-line">
<div class="col-lg-12 creating-li-child-content"></div>
</div>
</div>
</div>
</div>
</div>
<div class="scroll">
<div class="li li-inline-flex">
<div class="li-child-list-line point-events col-lg-1">
<div class="col-lg-12 li-child-content"></div>
</div>
<div class="li-child">
<div class="col-lg-12 li-child-content">4</div>
</div>
<div class="li-child">
<div class="col-lg-12 li-child-content">4.1</div>
</div>
<div class="li-child">
<div class="col-lg-12 li-child-content">4.2</div>
</div>
<div class="li-child">
<div class="col-lg-12 li-child-content">4.3</div>
</div>
</div>
</div>
<div class="list-line point-events row">
<div class="col-lg-12">
<div class="new-line-pointer">
<div class="col-lg-12">
<div class="creating-list-line">
<div class="col-lg-12 creating-li-child-content"></div>
</div>
</div>
</div>
</div>
</div>
<div class="scroll">
<div class="li li-inline-flex">
<div class="li-child-list-line point-events col-lg-1">
<div class="col-lg-12 li-child-content"></div>
</div>
<div class="li-child disabled">
<div class="col-lg-12 li-child-content">disabled</div>
</div>
<div class="li-child">
<div class="col-lg-12 li-child-content">5.1</div>
</div>
<div class="li-child">
<div class="col-lg-12 li-child-content">5.2</div>
</div>
<div class="li-child">
<div class="col-lg-12 li-child-content">5.3</div>
</div>
</div>
</div>
<div class="list-line point-events row">
<div class="col-lg-12">
<div class="new-line-pointer">
<div class="col-lg-12">
<div class="creating-list-line">
<div class="col-lg-12 creating-li-child-content"></div>
</div>
</div>
</div>
.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0