sortTable---一个指令是你的表格可以排序
来源:互联网 发布:淘宝修改库存影响权重 编辑:程序博客网 时间:2024/05/17 08:05
Angularjs做的后台系统table表格肯定是少不了的重要元素,有一个special的需求就是让表格排序,搜到了一个功能强大的插件datatables,也有angular datatables的ng版本,这也是我们的最初选择,但是遇到一个莫名bug,跟datatables的owner沟通了几次也没解决,只好作罢。自己写几个简单的directive功能可以实现。
这里提到datatables,并不是要与之媲美,看代码量也能看出,这个sortTable是个轻量级的小指令,并不及datatables功能那么强大。本指令旨在不改变原有table实现的情况下,仅加个sort-table指令,再将tbody的数据源付给它,就能实现排序功能。
sort-table='ReportList'//ReportList为生成表格的数据源
点击表头即可升序,降序排列,如果某一列不需开启排序功能,只需在表头的th上加上‘noSort’属性即可
除此之外,中文汉子按照首字母排序也是个很普遍的功能,在这里一并奉上汉字转拼音的方法及filter,均在代码里一目了然
可以点击查看效果哦
源代码点击这里下载,觉得好别忘了给star哦
0 0
- sortTable---一个指令是你的表格可以排序
- sorttable--可排序的表格
- 用sorttable.js对表格进行排序
- sorttable 排序
- 排序一个数组可以是有用的
- PHP 远程文件管理,可以给表格排序,遍历目录,时间排序 点击表格第一行,头部就可以排序了,这个列子是当前目录的
- SortTable组件的实现
- SortTable
- js可以利用dom非常轻松的就可以遍历一个表格。当然只要是dom中有的所有对象都可以通过js来访问和处理。
- ngx_pagespeed 是一个 Nginx 的扩展模块,可以加速你的网站
- (Leetcode)判断一个图是否是可以拓扑排序的——使用Queue
- 你的一天可以是四十八小时
- 虚拟列表是可以排序的
- jquery库的一个表格排序插件
- Powerpoint中插入可以运算和排序的表格
- Powerpoint中插入可以运算和排序的表格
- 可以分列排序,隐藏的表格,异步加载 mootools
- mkdir是windows的一个命令,也就是在命令行可以直接运行的命令。如果你在命令行中可以直接执行"python" 那么就可以替换执行
- XJOI NOIP16提高组赛前训练19-day1 T2:过路费(SPFA)
- 禁止外部用户访问apache上的phpMyAdmin
- BiliBili直播 弹幕信息抓取
- 拓扑排序 JAVA实现
- Android studio中App签名打包相关操作的注意事项
- sortTable---一个指令是你的表格可以排序
- win7 多任务
- 关于列转行的两个函数(listagg,wm_concat)结果空白问题
- Android Studio中 EventBus的使用demo(一)
- LeetCode02:Add Two Numbers Java实现
- require使用
- python学习中遇到的一些“神方案”
- 网站内容不收录,你是否陷入这些禁区
- 哪种编程语言好?大神为你分析 Go、Java、C、C++ 等主流编程语言