Material-UI List JS
-Pro Component
Bootstrap List JS are 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.
Keep reading our Bootstrap List JS examples and learn how to use
this plugin.
Example
For now we added the sortable functionality only on table. Soon, we will add it on other components too.
Table
Note! The table below is an advanced example in
order to demonstrate the power of this plugin that can sort items
even when columns have many different components such as images,
progress bars etc.
Project | Budget | Status | Users | Completion | |
---|---|---|---|---|---|
$2500 USD | pending |
60%
|
|||
$1800 USD | completed |
100%
|
|||
$3150 USD | delayed |
72%
|
|||
$4400 USD | on schedule |
90%
|
|||
$2200 USD | completed |
100%
|
|||
$2500 USD | pending |
60%
|
|||
$1800 USD | completed |
100%
|
|||
$3150 USD | delayed |
72%
|
|||
$1800 USD | completed |
100%
|
|||
$3150 USD | delayed |
72%
|
|||
$4400 USD | on schedule |
90%
|
Props
If you want to see more examples and properties please check the official List.js Documentation.
You can also check the Official Github Repository.