使用 CSR 更改列表视图中的列显示名称

有些情况下,你需要在列表视图中更改列的显示名称

例如,视图中显示的列名称为 IsApprovalNeeded,你希望显示为“是否需要批准?”。

当然,你可以通过更改列表设置中的列标题来更改列的显示名称,但是如果要将其保留在列表设置中并且仅在页面预览中进行修改,则可以通过使用 CSR(客户端渲染)。

这是代码……

(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 == 'IsApprovalNeeded')
             {
               var newTitle= "Is Approval Needed?";
               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');

})();