js 表格拖拽效果实例代码 (IE only)

216 阅读 0 评论 143 点赞

我是靠谱客的博主勤劳酒窝，这篇文章主要介绍js 表格拖拽效果实例代码 (IE only)，现在分享给大家，希望可以做个参考。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-type" content="text/html; charset=gb2312" /> 
<title>Table Test (I.E. Only)</title>

<style type="text/css"> 
body 
{ 
overflow: hidden; 
} 
.Shadow 
{ 
color: #FC8331; 
width: 100%; 
padding: 3px; 
font-family: Arial, "宋体"; 
font-size: 12px; 
font-weight: normal; 
line-height: 22px; 
border-collapse: collapse; 
border-right: 1px solid #0000; 
border-top: 1px solid #0000; 
border-left: 1px solid #0000; 
border-bottom: 1px solid #0000; 
} 
.Grid 
{ 
background-color: #ffffff; 
padding: 3px; 
font-family: Arial, "宋体"; 
font-size: 12px; 
font-weight: normal; 
line-height: 22px; 
color: #494949; 
text-decoration: none; 
border-collapse: collapse; 
border-right: 1px solid #2A8CBF; 
border-top: 1px solid #2A8CBF; 
border-left: 1px solid #2A8CBF; 
border-bottom: 1px solid #2A8CBF; 
} 
.GridHeader 
{ 
font-family: Arial, "宋体"; 
font-size: 12px; 
font-weight: bold; 
line-height: 23px; 
border: 1px solid #77ABF2; 
height: 25px; 
text-decoration: none; 
text-align: center; 
white-space: nowrap; 
color: #000000; 
} 
</style> 
</head> 
<body> 
<table id="table" width="90%" border="1" class="Grid"> 
<thead class="GridHeader"> 
<tr bgcolor="cccccc"> 
<th> 
<span>姓名</span> 
</th> 
<th> 
<span>性别</span> 
</th> 
<th> 
<span>年龄</span> 
</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
<td> 
周周 
</td> 
<td> 
F 
</td> 
<td> 
20 
</td> 
</tr> 
<tr> 
<td> 
达达 
</td> 
<td> 
M 
</td> 
<td> 
21 
</td> 
</tr> 
<tr> 
<td> 
黄宏 
</td> 
<td> 
M 
</td> 
<td> 
12 
</td> 
</tr> 
</tbody> 
<tfoot> 
</tfoot> 
</table>

</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

最后

以上就是勤劳酒窝最近收集整理的关于js 表格拖拽效果实例代码 (IE only)的全部内容，更多相关js内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

点赞(143)

本文分类：JavaScript
浏览次数：216 次浏览
发布日期：2022-04-10 07:38:02
本文链接：https://www.kaopuke.com/article/k-p-k_14_u_7_o_18_f4_14__7_ky.html

相关文章

Python字典数据对象拆分的简单实现方法

Python字典数据对象拆分的简单实现方法

菜鸟必看：初学设计师你到底还缺什么?

菜鸟必看：初学设计师你到底还缺什么?

打印机打出来的纸发黑不显示文字该怎么办?

打印机打出来的纸发黑不显示文字该怎么办?

AWR 深入分析( Automatic Workload Repository )

AWR 深入分析( Automatic Workload Repository )

js 表格拖拽效果实例代码 (IE only)

js 表格拖拽效果实例代码 (IE only)

php自定义扩展名获取函数示例

php自定义扩展名获取函数示例

Bootstrap响应式侧边栏改进版

Bootstrap响应式侧边栏改进版

python继承和抽象类的实现方法

python继承和抽象类的实现方法

评论列表共有 0 条评论

发表评论取消回复

立即
投稿返回
顶部