list.js README

The project's README from github.com/javve/list.js. As one markdown file: README.md.

List.js

Perfect library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML. Really simple and easy to use!

Donate npm version CircleCI codecov jsDelivr Hits

Core idea

Features

Download / Install

Via NPM
npm install list.js
Via Bower
bower install list.js
Via CDNJS
<script src="//cdnjs.cloudflare.com/ajax/libs/list.js/2.3.1/list.min.js"></script>
Via Direct Download

Questions / How to?

https://stackoverflow.com/questions/tagged/list.js

Demo / Examples

Documentation

Thanks to all lovely contributors! Want to join them?

Creator

Jonny Strömberg @javve
Image of Jonny I hope you like the lib. I’ve put a lot of hours into it! Feel free to follow me on Twitter for news and donate a coffee for good karma ;)

License (MIT)

Copyright (c) 2011-2020 Jonny Strömberg <[email protected]> javve.com

list.js (javve/list.js)

Searching Database…

11.2K ·GitHub
这是什么?List.js 是一个 JavaScript 库,可以为现有的 HTML 列表和表格添加搜索、排序、筛选和分页功能,无需重新编写标记结构。
它是框架还是轻量级库?它是一个体积小、没有依赖项的库,设计上力求低侵入,直接叠加在你已有的 HTML 之上,而不是一个会规定你标记结构的框架。
怎样把它加入项目?可以通过 NPM、Bower 或 CDNJS 安装,也可以直接下载压缩版或未压缩版的 list.js 文件,放入你的页面中即可。
使用它还需要其他库吗?不需要,List.js 没有依赖项;项目本身仅在内部依赖 string-natural-compare 来进行排序。
它能用在任何列表或表格元素上吗?它可以用于列表、表格以及“几乎任何其他元素”,前提是你使用其简单的模板系统来标记需要进行添加、编辑、删除操作的项目。
它支持哪些浏览器?支持 Chrome、Safari、Firefox 以及 IE9 及以上版本。
用 List.js 可以搜索或筛选哪些内容?它支持普通搜索、模糊搜索、按范围筛选、在指定列中搜索,以及在结果为空时显示自定义提示信息。
可以动态添加或删除项目吗?可以,它的模板系统允许你在运行时向列表中添加、编辑和删除项目,官方的“Add, get, remove”示例中有演示。
它支持分页吗?支持,分页是它的核心功能之一,官方示例中有演示。
Creator
javve
Size
3.5 MB
Stars
11.2K
Age
15y
Commits · 90 Days