Show paging at top in list view web part SharePoint 2013 Online using jQuery

Show paging at top in list view web part SharePoint 2013 Online using jQuery

In this post, we will discuss how we can show paging at the top in the list view web part in SharePoint 2013 online or SharePoint on-premise. By default in SharePoint 2013 online or SharePoint on-premise paging for list or document library shows at the button of the page. It looks like below:

Show paging at top in list view web part SharePoint 2013 Online using jQuery
Show paging at top in list view web part SharePoint 2013 Online using jQuery

You can also check:
SharePoint 2016 new features

Print multiple InfoPath form views in SharePoint 2013

Add or Remove blocked file types in SharePoint 2013/2010

If you have any user who is coming from MOSS 2007 to SharePoint 2013 or Online, then they might see the different user experience. This way we got the requirement to change the paging button positions from the button to the top of the list view web part. We can do this by using JavaScript or jQuery object model.

You can edit the page which contains your list or document library. Then add a script editor web part into the page and add the below code into the page.

<script type=”text/javascript” src=”https://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js”></script>

<script type=”text/javascript”>
$(document).ready( function()
{
var header = $(“table.ms-listviewtable”);
var table = $(“#bottomPagingCellWPQ2”);

if(header && table)
{
table.insertBefore(header);
$(“#bottomPagingCellWPQ2″).css(‘text-align’, ‘right’);
}
else
{
alert(‘jQuery did not found Elements.’);
}
});
</script>
<style type=”text/css”>
td#bottomPagingCellWPQ2{float:left}
</style>

After this Save the page and it looks like below:

Show paging at top in list view web part SharePoint 2013 Online using jQuery
Show paging at top in list view web part SharePoint 2013 Online using jQuery


Hope this will be helpful.

Check out Best Alternative to InfoPath -> Try Now

You May Also like the Following SharePoint Online Tutorials:

About Bijay Kumar

I am Bijay from Odisha, India. Currently working in my own venture TSInfo Technologies in Bangalore, India. I am Microsoft Office Servers and Services (SharePoint) MVP (5 times). I works in SharePoint 2016/2013/2010, SharePoint Online Office 365 etc. Check out My MVP Profile.. I also run popular SharePoint web site SharePointSky.com

View all posts by Bijay Kumar →