简单表格排序
可以双击编辑 自定义编辑后的 规则
可拖动列进行列替换
可推动边框进行列宽度的缩放
复制代码 代码如下:
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(http://images.cnblogs.com/cnblogs_com/wtcsy/192373/r_t.bmp);color:#183C94;word-break:break-all}
#tab tbody td{overflow:hidden;word-break:break-all;}
#tab td{border: 1px solid #CECFCE;height:20px;line-height:20px;vertical-align:middle; }
#tab td.tc{text-align:center;}
.div{width:10px;height:6px; border:1px solid #999999; background-color:#FFFFFF; position:absolute; display:none;}
.line{ width:2px; background-color:#999999; position:absolute; display:none}
.dr{height:100%;width:2px;background:#CECFCE;float:right;margin-right:-1px;cursor:sw-resize}
.r{float:right;}
.l{float:left;}
#tab thead td.thover{ background-image:url(http://album.hi.csdn.net/app_uploads/wtcsy/20081126/000054336.p.gif);background-repeat:repeat-x;}
| ID | 选中 | 生日 | 备注 | |
| 1 | 小三 | 1982-05-27 | 杯具,全是杯具 | |
| 3 | 李四 | 1983-06-27 | 恩恩我魔兽技术不错 | |
| 2 | 王五 | 1987-05-27 | 波斯王子 时之刃还不错 | |
| 4 | 赵六 | 1988-05-27 | 我叫赵六 | |
| 5 | 朱八 | 1984-05-27 | 洗洗睡吧 | |
| 6 | 阿斯多夫 | 1984-06-27 | 阿斯多夫暗室逢灯 | |
| 7 | 杯具 | 1984-06-27 | 很多的杯具 | |
| 8 | 餐具 | 1984-02-27 | 很多的餐具 | |
| 8 | 洗具 | 1984-08-27 | 很多的洗具 | |
| 9 | 内牛满面 | 1984-12-27 | 10快一晚 | |
| 10 | 犀利哥 | 1984-12-21 | 嘿嘿 |
已知BUG：
ie6下 中文不自动换行
非ie下字母和数字也不自动换行确实让人恼火
chrome浏览器下点击运行好像问题很大 拿到本地测试会比较好
