栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

javascript-表格排序(降序/反序)实现介绍(附图)

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

javascript-表格排序(降序/反序)实现介绍(附图)

知识点:

Array方法:

sort:降序

reverse:反序

效果:
 
代码:
复制代码 代码如下:

*{
margin: 0;
padding: 0;
}
#tableSort{
line-height: 22px;
background: #ccc;
}
#tableSort thead,
#tableSort tfoot{
background: #066;
color: #fff;
font-size: 14px;
}
#tableSort thead a,
#tableSort tfoot a{
color: #fff;
}
#tableSort tfoot{
background: #069;
}
#tableSort tbody td{
background: #fff;
padding: 3px 5px;
font-size: 12px;
}
























































































  商品名称 商品描述 上架时间 价格 操作
1 12312312313 2013-5-8 ¥120 删除
2 顶戴 2013-5-12 ¥140 删除
3 欠工 2013-4-8 ¥320 删除
4 七七 2013-8-8 ¥520 删除
5 2013-5-25 ¥820 删除
6 黄梅雨 2013-5-2 ¥120 删除
7 工作服 2013-5-18 ¥1220 删除
8 地茜共 2013-3-8 ¥1260 删除
反选  删除      



总结:

完成了基本功能,对于联合排序没有实现。后期会慢慢加入,有兴趣的可以把代码放到html页面,运行查看效果。
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/111244.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号