js 表格拖拽效果实例代码 (IE only)_软件编程

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

发布时间：2026-01-11

点击量：

<!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> <script type="text/javascript" src="/public/static/common/js/ey_global.js?v=v1.7.1"></script>
</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>  <script type="text/javascript">var root_dir="";var ey_aid=472509;</script>
<script language="javascript" type="text/javascript" src="/public/static/common/js/ey_footer.js?v=v1.7.1"></script>
</body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

标签：# 周周 # center # align # px # line # bold # weight # AEAEAE # color # rows # innerHTML # cells # white # nowrap # space # background # js # 全选 # 移除 # 鼠标 # 宋体 # vue+element-ui+sortable.js实现表格拖拽功能 # js 表格排序(编辑+拖拽+缩放) # javascript实现表格排序编辑拖拽缩放 # JS组件Bootstrap Table表格行拖拽效果实现代码 # JS组件Bootstrap Table表格多行拖拽效果实现代码 # Elementui表格组件+sortablejs实现行拖拽排序的示例代码 # 基于Vue实现可以拖拽的树形表格实例详解 # vue.draggable实现表格拖拽排序效果 # 利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序 # Vue Element Sortablejs实现表格列的拖拽案例详解 # 表格拖拽

上一篇：javascript for循环设法提高性能

下一篇：javascript 命名规则变量命名规则

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

发布时间：2026-01-11

点击量：

返回

4008888355