Web Component: j-Listing
j-Listing
- easy usage
- works with the whole Arrays only on client-side
Configuration:
count {Number}
Optional, items per page (default:20
)pages {Number}
Optional, max pages in pagination (default:3
--> half + current page + half)scrolltop {Boolean}
scrolls top automatically when the user changes a pageparent {String}
jQuery selector for obtaining of height, enables fixed area with custom scrollbarsmargin {Number}
a margin forparent
(default:0
)marginxs {Number}
optional, a top/bottom margin together forxs
screen widthmarginsm {Number}
optional, a top/bottom margin together forsm
screen widthmarginmd {Number}
optional, a top/bottom margin together formd
screen widthmarginlg {Number}
optional, a top/bottom margin together forlg
screen widthpluralizeitems {String}
a pluralization for count of all items, form:# zero,# one,# two-four,# five and more
pluralizepages {String}
a pluralization for count of all items, form:# zero,# one,# two-four,# five and more
- NEW:
scrollbarshadow {Boolean}
enables scrollbar shadow
Tangular layout:
body
{String} contains all rendered items, output is HTMLpage
{Number} current page numberpages
{Number} count of pagescount
{Number} count of items
Tangular item:
model
contains an object fromArray
- second model contains info about data-source
{ index: Number, page: Number, pages: Number, count: Number }
Author
- Peter Širka petersirka@gmail.com
- License
Created
21. december 2017
Updated
31. january 2023
Version
v1
License
https://www.totaljs.com/license/
Responsive
Yes
Author
Peter Širka
Email
petersirka@gmail.com