All Projects → stefanocudini → Bootstrap List Filter

stefanocudini / Bootstrap List Filter

Licence: mit
Search widget to filter Bootstrap lists

Projects that are alternatives of or similar to Bootstrap List Filter

Doorstep
The powerful e-commerce solution for Python
Stars: ✭ 88 (-7.37%)
Mutual labels:  bootstrap
Bootstrap Simple Admin Template
The most reliable HTML, CSS, and JavaScript simple admin template for developing responsive, mobile first web applications on the web.
Stars: ✭ 92 (-3.16%)
Mutual labels:  bootstrap
Schoolerp
SchoolERP Project is School ERP System which has various features as students management,accounts management,attendance management,faculty management,HR management,other expenses management
Stars: ✭ 95 (+0%)
Mutual labels:  bootstrap
Aybolit
Lightweight web components library built with LitElement.
Stars: ✭ 90 (-5.26%)
Mutual labels:  bootstrap
Bootstrap Breadcrumbs
Django template tags for easy breadcrumbs using twitter bootstrap css classes or custom template
Stars: ✭ 91 (-4.21%)
Mutual labels:  bootstrap
Hexo Theme Material
a theme of hexo using the material design bootstrap
Stars: ✭ 93 (-2.11%)
Mutual labels:  bootstrap
Admin Dashboard Template Angular Bootstrap
Admin template for Material Design for Angular Bootstrap.
Stars: ✭ 89 (-6.32%)
Mutual labels:  bootstrap
Batflat
Lightweight, fast and easy CMS for free. Bootstrap ready. https://batflat.org
Stars: ✭ 95 (+0%)
Mutual labels:  bootstrap
Endgame
EndGame DDOS filter
Stars: ✭ 91 (-4.21%)
Mutual labels:  filter
Stock Management System
An Introductory Stock Management System built on PHP, jQuery with AJAX in MVC pattern.
Stars: ✭ 95 (+0%)
Mutual labels:  bootstrap
Black.box
Plug-and-Play VPN router and unblocker
Stars: ✭ 89 (-6.32%)
Mutual labels:  bootstrap
Iploggerfilter
This is a list for ublock Origin to filter any site who's only purpose is to log your IP
Stars: ✭ 91 (-4.21%)
Mutual labels:  filter
Tsl Sdr
Software Defined Radio Demodulation and Decoding Tools
Stars: ✭ 94 (-1.05%)
Mutual labels:  filter
Now Ui Kit React
React version of Now UI Kit by Creative Tim
Stars: ✭ 90 (-5.26%)
Mutual labels:  bootstrap
Generator Ngx Rocket
🚀 Extensible Angular 11+ enterprise-grade project generator
Stars: ✭ 1,329 (+1298.95%)
Mutual labels:  bootstrap
Phint
Interactively scaffolds and init new (or fixup old) PHP project/library with sane defaults using templates in no time
Stars: ✭ 89 (-6.32%)
Mutual labels:  bootstrap
Manga Tracker
A cross-site manga-tracker.
Stars: ✭ 93 (-2.11%)
Mutual labels:  bootstrap
Tweetme
Build a Twitter-like web app step-by-step with Django, jQuery, and Bootstrap!
Stars: ✭ 95 (+0%)
Mutual labels:  bootstrap
Fastadmin
基于 ThinkPHP5 和 Bootstrap 的极速后台开发框架,一键生成 CRUD,自动生成控制器、模型、视图、JS、语言包、菜单、回收站。
Stars: ✭ 1,329 (+1298.95%)
Mutual labels:  bootstrap
Windowshowdemo
Android 弹窗案例总结(仿淘宝弹窗 咸鱼菜单 筛选列表)
Stars: ✭ 95 (+0%)
Mutual labels:  filter

Bootstrap List Filter

npm version

Search widget to filter Bootstrap lists

Compatible with Bootstrap 3.3.7!

Author: Stefano Cudini labs.easyblog.it

Demo online:

Features:

  • complete mobile responsive
  • support preloaded list
  • custom html or node html item
  • custom data format
  • prevent parallel requests
  • filter by sub elements
  • search text in case sensitive

Options:

  • delay: millisecond before apply filter
  • minLength: min string lentgh searched
  • initial: search only initial text (default: true)
  • eventKey: event digit (default: 'keyup')
  • resetOnBlur: auto reset selection
  • sourceData: function generate data source(receive: text, callback)
  • sourceTmpl: html template contains {title} placeholder
  • sourceNode: function builder DOM html fragment (default: sourceTmpl)
  • emptyNode: function builder for empty result
  • itemEl: item selector (default: .list-group-item)
  • itemChild: sub item selector (default: .list-group-item)
  • itemFilter: function for filter results(receive: text, item)

Source

Image

Usage

<form role="form">
	<div class="form-group">
		<input id="searchinput" class="form-control" type="search" placeholder="Search..." />
	</div>
	<div id="searchlist" class="list-group">
		<a class="list-group-item" href="blue.html"><span>blue</span></a>
		...
	</div>
</form>
<script>
	$('#searchlist').btsListFilter('#searchinput', {itemChild: 'span'});
</script>
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].