如果您的页面包含大量数据,并且您正在寻找 Javascript解决方案 进行排序和过滤,这里有15个JavaScript库,用于对DOM元素进行排序和过滤,这将帮助您的用户找到他们想要的内容。
磁铁
这是一个普通的JavaScript库和一个jQuery插件,用于创建无缝,可过滤和可排序的布局。
List.js
微小,不可见,简单但功能强大且快速的原始JavaScript,可为纯HTML列表,表格或其他任何内容添加搜索,排序,过滤器和灵活性。
Muuri
这是一个JavaScript布局引擎,可让您构建各种布局并使其具有响应性,可排序,可过滤,可拖动和/或动画化。与什么相比’在那里,Muuri是Packery,石工,同位素和Sortable的组合。
MixItUp 3
它是用于动画DOM操作的高性能,无依赖库,使您能够使用精美的动画过滤,排序,添加和删除DOM元素。 MixItUp可以很好地与您现有的HTML和CSS配合使用,使其成为响应式布局的理想选择,并与内联流,百分比,媒体查询,flexbox等兼容。
随机播放
分类,排序和过滤响应式网格。
反应绝对网格
使用React的绝对transform3d布局进行可排序,可过滤,可缩放的ReactJS网格组件。
Filter.js
这是可以呈现html元素的客户端JSON对象过滤器。可以指定多个过滤条件并相互结合使用。
过滤器
这是一个jQuery插件,它使用CSS3转换在响应式画廊上进行搜索,排序,改组和应用惊人的过滤器。
WATable
一个具有排序,分页,过滤功能的jQuery表插件。
jQuery的 ListNav插件
它将增加一个光滑“letter-based”导航栏访问所有列表。单击一个字母以快速过滤列表以显示与该字母匹配的项目。
同位素
这是一个很棒的jQuery插件。我最喜欢同位素的一件事是它的可定制性。它有据可查,它几乎可以完成您可以想到的任何事情,例如使用无限滚动对其进行扩展并使用自定义布局模式。
列表
这是一个灵活的jQuery插件,用于对任何HTML结构进行排序,分页和过滤。
蓝图
响应式产品网格布局,具有触摸友好的Flickity画廊和同位素驱动的过滤器功能。
可排序
这是一个JavaScript库,用于在现代浏览器和触摸设备上重新排序拖放列表。
排序板
这是一个小库,用于排序和过滤使用CSS3 matrix()和scale()转换函数的HTML元素。它支持RegEx过滤器,并且它’s默认情况下响应。