Rename SharePoint 2013 list column title in list view using jQuery

This SharePoint tutorial explains, how to rename SharePoint 2013 list column in list view using jQuery. The same code we can use to rename the list column title in list view using jQuery in SharePoint 2013/2016 and SharePoint Online.

Our requirement is to change in the SharePoint list view, not in any forms like newform, editform or dispform. We can not use any server-side or designer due to certain restrictions on our SharePoint server farm.

By default, the SharePoint list view title columns look like the below:

Rename SharePoint 2013 list column title in list view using jQuery

To make the change, Open the All Items list view page, then Edit the page in the browser.

Rename SharePoint 2013 list column title in list view using jQuery

After this try to add one script editor web part and then put the below code in the list view page.

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#diidSort4LinkTitle').text('MyTesting');
})
</script>

Here diidSort4LinkTitle is the id of the Title column in the view page. You can use Internet explorer developer tool to get the Id of the column.

Now once you save the page, the changes will affect in the view.

Rename SharePoint 2013 list column title in list view using jQuery

You may like following SharePoint customization tutorials:

This SharePoint tutorial explains, how to rename SharePoint 2013 list column title in list view using jQuery.

Donwload Hub site pdf

Download SharePoint Online Tutorial PDF FREE!

Get update on Webinars, video tutorials, training courses etc.

  • >