js 表格排序(編輯+拖拽+縮放)

DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js 表格排序(編輯+拖拽+縮放)

js 表格排序(編輯+拖拽+縮放)

編輯：關於JavaScript

<!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</title> 
<style type="text/css"> 
body{ font-size:12px} 
#tab{ border-collapse: collapse;} 
.edit{ height:16px; width:98%; background-color:#EFF7FF; font-size:12px; border:0px;} 
#tab thead td{ background:url(/upload/201005/20100531233452190.bmp);color:#183C94} 
#tab tbody td{ overflow:hidden} 
#tab td{border: 1px solid #CECFCE;height:20px;line-height:20px;vertical-align:middle; } 
#tab td.tc{text-align:center;} 
.cc{width:10px;height:6px; border:1px solid #999999; background-color:#FFFFFF; position:absolute; display:none;} 
#tab td.red{border-color:#f30;} 
.ww{height:100%;width:1px;background:#CECFCE;float:right;margin-right:-1px;cursor:sw-resize}

.line{ width:2px; background-color:#999999; position:absolute; display:none} 
</style> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"></head> 
<body> 
 
<thead> 
 
ID 
選中 
姓名 
生日 
備注 
 
</thead> 
 
 
1 
<input type ="checkbox"> 
張三 
1982-05-27 
杯具,全是杯具 
 
 
3 
<input type ="checkbox"> 
李四 
1983-06-27 
恩恩我魔獸技術不錯 
 
 
2 
<input type ="checkbox"> 
王五 
1983-05-27 
波斯王子 時之刃還不錯 
 
 
4 
<input type ="checkbox"> 
趙六 
1983-05-27 
我叫趙六 
 
 
5 
<input type ="checkbox"> 
朱八 
1986-05-27 
洗洗睡吧 
 
 
 
 
</body> 
</html>

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

關於JavaScript

vue.js中$watch的用法示例: 前言vue.js是一個數據驅動的web界面庫。Vue.js只聚焦於視圖層，可以很容易的和其他庫整合。
node.js中的querystring.stringify方法教程使用說明詳解: 方法說明：將對象轉換成字符串，字符串裡多個參數將用 ‘& 分隔，將用 ‘= 賦值。這個函數的操作和
原生js實現日期聯動: 月份的判定，由於涉及到過多了判定條件，如果用if else會大大降低性能，建議用switch 語法代

DIV CSS 佈局教程網

相關文章