7个最佳表格排序器JavaScript和jQuery插件 _排序

本文概述

7. Watable
6. jQuery Table Sort
5. Bootstrap Table
4. Stupid Table
3. Tablesort
2. Sortable
1. jQuery Table Sorter
DataTables

如今, 许多人更喜欢通过简单地单击标题来对表进行排序, 而不希望重新加载页面。信不信由你, 有时刷新页面可能会很痛苦(根据你网站的设计和重量或用户的互联网连接速度), 因此, 如果你能够在文档中包含JavaScript, 则可能需要允许用户在视图中执行此操作而无需服务器逻辑。
像往常一样, 开源解决方案是理想的选择, 因为它可以处理在对任何类型的表进行排序时可能出现的多个问题。这将大大增加此功能的开发时间, 并保证订单能够按预期工作。我们为你收集了5种可以在自己的表上实现的最佳开源解决方案, 我们希望你喜欢它们！
7. Watable Github

文章图片
Watable是瑞士军队jQuery表格插件, 可让你轻松, 闪电般地过滤, 格式化, 分页和排序数据。 IE支持？是的, IE9 +。但是, 如果你删除底部的最后一个observe-js polyfill, 则IE7 / IE8可以工作。
6. jQuery Table Sort Github
jQuery Table Sort是一个用于可排序表的小巧而简单的jQuery插件。要使其工作, 你只需要在页面上添加jQuery和tablesort插件即可：

< script src="http://img.readke.com/220520/2004414595-1.jpg"> < /script> < script src="http://www.srcmini.com/jquery.tablesort.js"> < /script>

并使用方法将其初始化：

$('table').tablesort();

初始化之后, 你只需单击表头即可对表进行排序。
5. Bootstrap Table Github

文章图片
具有单选, 复选框, 排序, 分页和其他附加功能的扩展Bootstrap表。 Bootstrap表旨在减少开发时间, 并且不需要开发人员的特定知识。它既轻巧又功能丰富。该插件的大多数已知功能是：

为Bootstrap 3创建(支持Bootstrap 2)
响应式网页设计
具有固定标题的可滚动表
完全可配置
通过数据属性
显示/隐藏列
显示/隐藏标题
使用AJAX获取JSON格式的数据
单击即可进行简单的列排序
格式栏
单行或多行选择
强大的分页
卡视图
本土化
扩展名

4. Stupid Table Github

文章图片
Stupid Table是一个愚蠢的简单, 荒谬的轻量级jQuery表插件, 它允许你按列和不同类型进行排序。大多数表排序插件都试图说明无限数量的数据类型及其无限的呈现方式。这将导致代码库非常膨胀, 而项目中只使用了很少一部分代码。该插件通过让你定义自己的表列排序方式来避免该问题。该插件在内部识别” int” , ” string” , ” string-ins” (不区分大小写)和” float” , 因此简单的数据表对你而言几乎不需要花费任何精力。
3. Tablesort Github
Tablesort是一个小型且简单的排序组件, 用于以JavaScript编写的表。你只需要添加源脚本并使用需要你要排序的表的DOM元素的构造函数即可：

< script src='http://www.srcmini.com/tablesort.min.js'> < /script> < !-- Include sort types you need --> < script src='http://www.srcmini.com/tablesort.number.js'> < /script> < script src='http://www.srcmini.com/tablesort.date.js'> < /script> < script> new Tablesort(document.getElementById('table-id')); < /script>

当添加新数据时, Tablesort支持排序。只需调用refresh方法。
2. Sortable Github