Pagination using Jquery in SharePoint

Vipin Tyagi

11y2k

Hey,
First of all thanks to C# Corner for being a good part of Programmers.
Here I want to describe my problem which i am facing.
I fetched data from sharepoint list using jquery on page.
but now i want to apply pagination without using any plugin.
code is as below to display data :
used for fetch
liHtml = liHtml + "" + $(this).attr("ows_SNo")
+ "" + col2 + ""
+ col3 + "" + col4 + "
" + col5 + "" + col6 + "
";
table structure:
<table id="CP" width="100%" border="0" cellpadding="3" cellspacing="1"><thead><tr><th scope="col">SNoth><th scope="col">BookJournalTitleth><th scope="col">BookType th><th scope="col">ISBNNumberth><th scope="col">BookJournalAuthorth><th scope="col">INRPriceth><th scope="col">Titleth>tr>thead> table> Now please let me know how can i apply pagination using Jquery so that only 5 rows display per page and pagination work on NEXT PREVIOUS button.
Thanks.

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Manpreet Singh11y ago
Hi Viipiin,

This might help you.
Url:- https://datatables.net/examples/basic_init/alt_pagination.html

Cheers !
0
Vipin Tyagi11y ago
Okay let me explain little more. i have a sp list named xyz in sp2007. and i want to fetch data using jquery. I did this using SOAP and Jquery. Data displayed on aspx page after registering ascx control onto page (as we are using SP2007). Everything is all right,data fetched from list as i want but now i want to apply pagination. i used table to display data.
0
Prasham Sabadra11y ago
Hi Viipiin,

Not sure about the exact requirement but just thought, if it is possible to implement the requirement with search web part then for content search webpart (SharePoint 2013), there is display template available with paging option.

If its not SharePoint 2013 then we can also use Search Result web part.

Please share your thoughts.
0