Skip to main content

How to change the header column name or title in SharePoint view

Dear all
If you want to change the sharepoint column name only in view the following script will work perfectly

<script>
(function () {

    function preTaskFormRenderer(renderCtx) {
       modifyColumns(renderCtx);    
    }


    function modifyColumns(renderCtx)
    {
      var arrayLength= renderCtx.ListSchema.Field.length;
        for (var i=0; i < arrayLength;i++)
        {
           if(renderCtx.ListSchema.Field[i].DisplayName == '[Your Comlumn Name 1]')
             {
               var newTitle= "[New Name]";
               var linkTitleField = renderCtx.ListSchema.Field[i];
               linkTitleField.DisplayName = newTitle;
             }
  if(renderCtx.ListSchema.Field[i].DisplayName == ''[Your Comlumn Name 2]')
             {
               var newTitle= "[New Name]";
               var linkTitleField = renderCtx.ListSchema.Field[i];
               linkTitleField.DisplayName = newTitle;
             }
         }
    }

    function registerRenderer()
    {
      var ctxForm = {};
      ctxForm.Templates = {};
      ctxForm.OnPreRender = preTaskFormRenderer;
      SPClientTemplates.TemplateManager.RegisterTemplateOverrides(ctxForm);
    }
    ExecuteOrDelayUntilScriptLoaded(registerRenderer, 'clienttemplates.js');

})();
</script>

How to use it 

step 1. Edit page 
step 2. Click on insert tab 
step 3. Click on embed code option (last one) 
step 4. Copy and past the above JS code 

Note change the column name with your names and define the new name as required 

The above method is already tested method

Regards
3art Technology Experts
http://www.3art.tech

Comments

  1. All right, you are correct buddy. The way you've explained how to change the header column name or title in SharePoint view is just awesome. I also visit some other blog for this but I doesn't found any comprehensive post like this, You've made it more easy to understand.

    The Best Medical Marketing Strategies for Doctors in America.

    ReplyDelete

Post a Comment

Popular posts from this blog

Updatepanel or Enable Ajax in SharePoint webpart

Dear All It is really giving me a hard to get this techniques if you want to run the update panel in sharepoint 2013 webpart then you need to initialize the script manage by code   protected override void OnInit(EventArgs e)         {             base.OnInit(e);             InitializeControl();             // Register the ScriptManager             ScriptManager scriptManager = ScriptManager.GetCurrent(this.Page);             if (scriptManager == null)             {                 scriptManager = new ScriptManager();                 scriptManager.ID = "ScriptManager1";                 scriptManager.EnablePartialRendering = true;       ...

[Solved] SharePoint 2013 And Adobe Reader Problem : The URL you have provided could not be reached. Please verify that the URL is correct and that the network location is reachable

Dear All  When trying to open a PDF file from a mapped drive in SharePoint 2010.  You might see the following error message. The URL you have provided could not be reached. Please verify that the URL is correct and that the network location is reachable. 1. Open the registry. 2. Go to HKLM Local Software\SOFTWARE\Policies\Adobe\\\FeatureLockDown. 3. Create a key called cSharePoint. 4. Create a DWORD value called bDisableSharePointFeatures. 5. Set its value to 1. Regards Rashid Imran Bilgrami CEO Best visualization http://www.bestvisualization.com  

Enabling Barcode In SharePoint 2013

Enable Barcode in SharePoint 2013 Wednesday, June 12, 2013 ​To manage records and documents consistently and use record management application to handle physical records users need barcodes. We can identify the physical records corresponding to the digital objects using barcodes. To enable barcodes in SharePoint 2013, go to Central Administration -> Security -> Configure Information Policy Configuration. Select barcodes from the list. Check barcode is enabled or not by checking the availability. Check "Resources" for the barcodes(letters or numbers). In the Document library settings select "Information Management Policy settings" (Document Library settings -> Information management policy settings) Check "Enable Barcodes" check box and save the settings. Modify your view and enable bar code Upload any document. We can see the bar code for the properties of the uploaded file. Bar code was generated automati...