Meta tags:
description= 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.
;
author= Jonny Strömberg;
Headings (most frequently used words):
list, js, and, html, examples, jonny, apply, on, existing, v2, tiny, invisible, simple, yet, powerful, incredibly, fast, vanilla, javascript, that, adds, search, sort, filters, flexibility, to, plain, lists, tables, or, anything, basic, strömberg, jonas, arnklint, martina, elm, gustaf, lindqvist, then, add, items, make, create, from, scratch, more, overview, documentation, hi, the, author, of,
Text of the page (most frequently used words):
list (35), class (25), name (22), sort (19), born (17), #search (14), and (14), add (9), the (9), html (8), var (8), existing (7), 1986 (7), new (6), options (6), users (6), div (6), button (6), items (6), data (5), jonny (5), userlist (5), javascript (4), lists (4), tables (4), with (4), values (4), jonas (4), arnklint (4), 1985 (4), martina (4), elm (4), gustaf (4), lindqvist (4), 1983 (4), input (4), flexibility (3), https (3), more (3), javve (3), makes (3), examples (3), valuenames (3), this (3), will (3), used (3), placeholder (3), for (3), can (3), 2013 (2), native (2), changelog (2), your (2), that (2), plain (2), table (2), pagination (2), fuzzy (2), attributes (2), custom (2), get (2), remove (2), elements (2), template (2), item (2), strömberg (2), create (2), element (2), stromberg (2), apply (2), automagically (2), value (2), becomes (2), donate (2), coffee (2), follow (2), github (2), filters (2), api (2), tweet, daily, javascriptdaily, may, dependencies, ygep2tk7pu, thechangelog, november, filter, dev, log, jerodsanto, 4bhjmoeu56, smashing, magazine, smashingmag, december, 2011, super, flexible, searchable, sortable, filterable, nooe1rjg, since, there, are, make, from, scratch, these, added, initialization, possible, after, been, initiated, first, then, field, buttons, date, decides, what, child, container, innerhtml, children, 1990, here, example, applied, three, different, ways, own, combination, both, methods, basic, cup, hope, you, like, lib, put, lot, hours, into, feel, free, twitter, news, good, karma, author, tiny, invisible, simple, yet, powerful, incredibly, fast, vanilla, adds, anything, faq, searching, sorting, getting, started, documentation, contribute, tldr, features, download, overview, support, com,
Text of the page (random words):
search sort filters flexibility to tables list and more list js javve com list js support list js ️ overview download tldr features changelog contribute github documentation getting started list api item api searching sorting faq examples add get remove data attributes custom existing list and add existing list fuzzy search new list pagination table list js v2 3 1 tiny invisible and simple yet powerful and incredibly fast vanilla javascript that adds search sort filters and flexibility to plain html lists tables or anything hi i m jonny and the author of list js i hope you like the lib i ve put a lot of hours into it feel free to follow me on twitter and github for news and donate a coffee for good karma follow javve donate a cup of coffee basic examples here is an example of a list with list js applied list js can be used in three different ways it can be on existing html it can create it s own html or a combination of both methods sort by name sort by born jonny strömberg 1990 jonas arnklint 1985 martina elm 1986 gustaf lindqvist 1983 apply list js on existing html div id users class search automagically makes an input a search field input class search placeholder search class sort automagically makes an element a sort buttons the date sort value decides what to sort by button class sort data sort name sort button child elements of container with class list becomes list items ul class list li the innerhtml of children with class name becomes this items name value h3 class name jonny stromberg h3 p class born 1986 p li li h3 class name jonas arnklint h3 p class born 1985 p li li h3 class name martina elm h3 p class born 1986 p li li h3 class name gustaf lindqvist h3 p class born 1983 p li ul div var options valuenames name born var userlist new list users options apply list js on existing html and then add items div id users input class search placeholder search button class sort data sort name sort button ul class list this the first element in the list will be used as template for new items li h3 class name jonny stromberg h3 p class born 1986 p li ul div var options valuenames name born these items will be added to the list on initialization var values name jonas arnklint born 1985 name martina elm born 1986 var userlist new list users options values it s possible to add items after list been initiated userlist add name gustaf lindqvist born 1983 make list js create a list from scratch div id users input class search placeholder search button class sort data sort name sort button ul class list ul div var options valuenames name born since there are no elements in the list this will be used as template item li h3 class name h3 p class born p li var values name jonny strömberg born 1986 name jonas arnklint born 1985 name martina elm born 1986 var userlist new list users options values userlist add name gustaf lindqvist born 1983 more examples add get remove data attributes custom existing list and add existing list fuzzy search new list pagination table list js native javascript that makes your plain html lists super flexible searchable sortable and filterable https t co nooe1rjg smashing magazine smashingmag december 17 2011 search sort and filter your html tables lists and more with list js https t co 4bhjmoeu56 dev d by javve log d by jerodsanto js the changelog thechangelog november 29 2013 list js add search sort and flexibility to html lists or tables https t co ygep2tk7pu native javascript no dependencies javascript daily javascriptdaily may 18 2013 tweet
|
