是否有一个jquery函数来排序表.我知道JQuery Tablesorter插件,但我想尽可能避免使用它.
作为一个FYI - 我有一个表头,其中包含自定义图像以表示升序和降序.数据类型几乎可以是任何类型.
编辑:我可以在Javascript中对表进行排序吗?
这是非常有可能的.你可以这样做
function sortTable(table, col, reverse) { var tb = table.tBodies[0], // use `` to ignore `` and `` rows tr = Array.prototype.slice.call(tb.rows, 0), // put rows into array i; reverse = -((+reverse) || -1); tr = tr.sort(function (a, b) { // sort rows return reverse // `-1 *` if want opposite order * (a.cells[col].textContent.trim() // using `.textContent.trim()` for test .localeCompare(b.cells[col].textContent.trim()) ); }); for(i = 0; i < tr.length; ++i) tb.appendChild(tr[i]); // append each row in order } function makeSortable(table) { var th = table.tHead, i; th && (th = th.rows[0]) && (th = th.cells); if (th) i = th.length; else return; // if no `` then do nothing while (--i >= 0) (function (i) { var dir = 1; th[i].addEventListener('click', function () {sortTable(table, i, (dir = 1 - dir))}); }(i)); } function makeAllSortable(parent) { parent = parent || document.body; var t = parent.getElementsByTagName('table'), i = t.length; while (--i >= 0) makeSortable(t[i]); } window.onload = function () {makeAllSortable();};看看这个小提琴
(我不是上面代码的作者或者那个小提琴,我只是在搜索解决方案时找到它.)
推荐阅读
如何解决《递归析构函数》经验,为你挑选了1个好方法。 ... [详细] 如何解决《将数据从内核空间复制到用户空间》经验,为你挑选了1个好方法。 ... [详细] 如何解决《EF6中的嵌套事务行为》经验,为你挑选了1个好方法。 ... [详细] 如何解决《Specs2:如何测试具有多个注入依赖项的类?》经验,为你挑选了1个好方法。 ... [详细] 如何解决《设置为DropDownList的DropDownStyle看起来已禁用,不是吗?》经验,为你挑选了0个好方法。 ... [详细] 如何解决《序列化结构的STL映射》经验,为你挑选了0个好方法。 ... [详细] 如何解决《当用持续时间调用Await.Result时,它如何忽略未来?》经验,为你挑选了1个好方法。 ... [详细] 如何解决《如何通过Runge-Kutta4传递硬编码微分方程》经验,为你挑选了0个好方法。 ... [详细] 如何解决《SpringREST-验证原始GET请求参数》经验,为你挑选了1个好方法。 ... [详细] 如何解决《插入时文档属性的顺序》经验,为你挑选了1个好方法。 ... [详细] 如何解决《使用Espresso测试recyclerView,如何执行单击或断言》经验,为你挑选了0个好方法。 ... [详细] 如何解决《将字符串转换为datetime的问题》经验,为你挑选了1个好方法。 ... [详细] 如何解决《名为"Id"的成员已存在于"Model"中.使用JsonPropertyAttribute指定其他名称》经验,为你挑选了1个好方法。 ... [详细] 如何解决《SpringMVC测试-在集成测试需要特定类型时注入模拟存储库》经验,为你挑选了0个好方法。 ... [详细] 如何解决《通过Redux和Redux路由器处理用户身份验证》经验,为你挑选了1个好方法。 ... [详细] 如何解决《Prolog如何将DCG规则转换为明确的条款?》经验,为你挑选了1个好方法。 ... [详细] 如何解决《带有matplotlib的axvline和axhline中线型和线色的kwarg》经验,为你挑选了1个好方法。 ... [详细] 如何解决《获得用户的角色-Yii2》经验,为你挑选了1个好方法。 ... [详细] 吐了个 "CAO" !Tags | 热门标签RankList | 热门文章
- 1SPARQL的正则表达式
- 2在php中解码json就像字符串一样
- 3尝试在后台线程中加载/设置场景导致"OpenGL错误0x0502 in - [CCSprite draw] 530"
- 4java字符串操作,将多个斜杠更改为一个斜杠
- 5无法使用相同的密钥发送带有参数的改装2.0多部分请求
- 6Yii2 - 获取未知属性:yii\console\Application :: user
- 7如何在Ubuntu机器上安装TortoiseSVN存储库?
- 8R通过年份日期值从数据帧过滤中获取子集
- 9传入函数作为输入和返回功能
- 10Angular.foreach异步回调不起作用
- 11Sitecore中admin/b帐户的路径在哪里?
- 12在文档中对API方法进行分组 - 是否存在一些自定义属性
- 13如何搜索以某个单词开头或包含的单词
- 14Android中图像锐化的颜色矩阵
- 15实体框架数据读取性能
- 16将此angularjs日期时间格式转换为较短的格式
- 17在UILabel中绘制一条简单的线
- 18VS2015 + Resharper:不要使用C#6
- 19从更高级别提出异常,la警告
- 20Gulp Browserify中的标准错误日志
DevBox开发工具箱 | 专业的在线开发工具网站 京公网安备 11010802040832号 | 京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有