The JS paging plug-in supports tables, lists, text, and images

A feature rich paging UI Components , utilize HTML/JavaScript/CSS The powerful functions of create faster 、 Easier paging data . Nothing else JavaScript Framework dependencies . Support paging of any type of data , For example, form 、 list 、 Text 、 Images 、 Dynamic data obtained from the server .1、 Create a container to hold your data .

 

2、 Create an empty DIV Element to save paging UI.

 

3、 Initialize the paging system and define the data to be paged new PaginationSystem({
dataContainer: document.querySelector(".container"),
dataRenderFn: dataRenderFn,
data: data || [],
pagingContainer: document.querySelector(".paging-container"),
countRecords: data.length || 0,
}); Set the display page number new PaginationSystem({
perPage: 10,
});

 

Download address :https://yy123.ink/frontDetail/15133