用js實作table單元格高寬調整,相容合併單元格(相容IE6、7、8、FF)實例

先上效果圖：

用js實作table單元格高寬調整,相容合併單元格(相容IE6、7、8、FF)實例_javascript技巧

CSS:

body{margin:0px; :0px;-moz-user-select:none;遊標:預設;}

.tabEditDiv{位置：絕對；寬度：15px；高度：15px；遊標：指標；}
.seltab{位置：絕對；寬度：15px；高度：15px；遊標：指標；背景：url（影像/seltab.gif) 不重複;}
.splitx{溢出:隱藏;位置:絕對;高度:3px;遊標:行調整大小;背景:紅色!重要;濾鏡:Alpha(不透明度=10); - moz-不透明度：0.1；不透明度：0.1； }
.spity{溢出：隱藏；位置：絕對；寬度：3px；遊標：col-resize；背景：紅色！重要；濾鏡：Alpha（不透明度= 10）；-moz-不透明度：0.1；不透明度：0.1 ;}
#tabletitle{font-weight:bold;font-size:18px;height:30px;width :800px;margin:0 auto;text-align:center;font-family:宋體;line-height:30px ;}
#tabletitle 輸入{寬度：100%；邊框：0px；高度：28px；行高： 30px；文字對齊：中心；字體粗細：粗體；字體大小：18px；字體系列：宋體;}
.finelinetable{border-right:1pxsolid #000;border-top:1pxsolid #000;border-collapse: collapse;font-size:13px;width:800px;margin:0 auto;}
.finelinetable td{邊框左：1px實心#000;邊框底部：1px實心#000;）：25px;}

HTML:

複製程式碼程式碼如下：

表格标题