运行代码 缩小
汉王
HTML代码
复制 格式化 注释 注释 清空
放大
x
 
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
<html xmlns="http://www.w3.org/1999/xhtml">
3
<head>
4
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
5
<title>表格排序的实现</title>
6
<style>
7
 *{font-family:Arial, Helvetica, sans-serif;font-size:14px;border:none;}
8
 body{text-align:center;}
9
 table{margin:100px auto;}
10
 td{width:110px;height:25px;text-align:center;line-height:25px;border:1px solid silver;}
11
 .red{color:red;}
12
 .top{background:#EEE;cursor:pointer;}
13
 .up{background:#FFFFCC;}
14
 .down{background:#FFFFCC;}
15
 .hov{background:#F0EFE5;}
CSS代码
复制 格式化 注释 注释 颜色 清空
放大
CSS代码...
xxxxxxxxxx
1
 
1
JS代码
复制 格式化 注释 注释 清空
放大
JS代码...
xxxxxxxxxx
1
 
1
名称
利用JavaScript对表格数据进行排序
分类
表格图层
描述
这是一个利用JavaScript结合CSS实现的对表格进行排序的代码,点击表头会自动排序,至于由哪种规则排序这个由你决定,表格排序现在用的也非常多。此实例实现的是降序、升序排列。
收藏