I have been playing with JSlink and CSR. I was able to modify headers in my table with this code:
(function () {
function preTaskFormRenderer(renderCtx) {
modifyHeaderData(renderCtx);
}
function modifyHeaderData(renderCtx)
{
var viewTitle = renderCtx.viewTitle;
var linkTitleField = renderCtx.ListSchema.Field[5];
linkTitleField.DisplayName = "Changed Name of the column";
var linkTitleField = renderCtx.ListSchema.Field[6];
linkTitleField.DisplayName = "Awesome Column Flag";
}
function registerRenderer()
{
var ctxForm = {};
ctxForm.Templates = {};
ctxForm.OnPreRender = preTaskFormRenderer;
SPClientTemplates.TemplateManager.RegisterTemplateOverrides(ctxForm);
}
ExecuteOrDelayUntilScriptLoaded(registerRenderer, 'clienttemplates.js');
})();
But I would like to display in the column title a picture, but when I use simple html (), instead of picture, it will just show the html as normal text. Do you have an idea how to display the name as HTML?