15个用于排序的JavaScript库&过滤DOM元素

如果您的页面包含大量数据,并且您正在寻找 Javascript解决方案 进行排序和过滤,这里有15个JavaScript库,用于对DOM元素进行排序和过滤,这将帮助您的用户找到他们想要的内容。

磁铁

这是一个普通的JavaScript库和一个jQuery插件,用于创建无缝,可过滤和可排序的布局。

磁铁-JavaScript库和jQuery插件可创建可过滤和可排序的布局

List.js

微小,不可见,简单但功能强大且快速的原始JavaScript,可为纯HTML列表,表格或其他任何内容添加搜索,排序,过滤器和灵活性。

List.js

Muuri

这是一个JavaScript布局引擎,可让您构建各种布局并使其具有响应性,可排序,可过滤,可拖动和/或动画化。与什么相比’在那里,Muuri是Packery,石工,同位素和Sortable的组合。

Muuri

MixItUp 3

它是用于动画DOM操作的高性能,无依赖库,使您能够使用精美的动画过滤,排序,添加和删除DOM元素。 MixItUp可以很好地与您现有的HTML和CSS配合使用,使其成为响应式布局的理想选择,并与内联流,百分比,媒体查询,flexbox等兼容。

MixItUp 3

随机播放

分类,排序和过滤响应式网格。

随机播放

反应绝对网格

使用React的绝对transform3d布局进行可排序,可过滤,可缩放的ReactJS网格组件。

反应绝对网格

Filter.js

这是可以呈现html元素的客户端JSON对象过滤器。可以指定多个过滤条件并相互结合使用。

Filter.js

过滤器

这是一个jQuery插件,它使用CSS3转换在响应式画廊上进行搜索,排序,改组和应用惊人的过滤器。

过滤器

WATable

一个具有排序,分页,过滤功能的jQuery表插件。

WATable

jQuery的 ListNav插件

它将增加一个光滑“letter-based”导航栏访问所有列表。单击一个字母以快速过滤列表以显示与该字母匹配的项目。

jQuery的 ListNav插件

同位素

这是一个很棒的jQuery插件。我最喜欢同位素的一件事是它的可定制性。它有据可查,它几乎可以完成您可以想到的任何事情,例如使用无限滚动对其进行扩展并使用自定义布局模式。

同位素

列表

这是一个灵活的jQuery插件,用于对任何HTML结构进行排序,分页和过滤。

列表

蓝图

响应式产品网格布局,具有触摸友好的Flickity画廊和同位素驱动的过滤器功能。

蓝图

可排序

这是一个JavaScript库,用于在现代浏览器和触摸设备上重新排序拖放列表。

可排序

排序板

这是一个小库,用于排序和过滤使用CSS3 matrix()和scale()转换函数的HTML元素。它支持RegEx过滤器,并且它’s默认情况下响应。

排序板

发表评论

请客气。我们对此表示赞赏。您的电子邮件地址将不会被发布,并且必填字段已被标记

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.