{"action":"created","issue":{"url":"https://api.github.com/repos/ceolter/angular-grid/issues/237","labels_url":"https://api.github.com/repos/ceolter/angular-grid/issues/237/labels{/name}","comments_url":"https://api.github.com/repos/ceolter/angular-grid/issues/237/comments","events_url":"https://api.github.com/repos/ceolter/angular-grid/issues/237/events","html_url":"https://github.com/ceolter/angular-grid/issues/237","id":88710612,"number":237,"title":"Header Renderer for specific Column","user":{"login":"ammar91","id":7683970,"avatar_url":"https://avatars.githubusercontent.com/u/7683970?v=3","gravatar_id":"","url":"https://api.github.com/users/ammar91","html_url":"https://github.com/ammar91","followers_url":"https://api.github.com/users/ammar91/followers","following_url":"https://api.github.com/users/ammar91/following{/other_user}","gists_url":"https://api.github.com/users/ammar91/gists{/gist_id}","starred_url":"https://api.github.com/users/ammar91/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ammar91/subscriptions","organizations_url":"https://api.github.com/users/ammar91/orgs","repos_url":"https://api.github.com/users/ammar91/repos","events_url":"https://api.github.com/users/ammar91/events{/privacy}","received_events_url":"https://api.github.com/users/ammar91/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":13,"created_at":"2015-06-16T12:21:08Z","updated_at":"2015-06-16T15:35:35Z","closed_at":"2015-06-16T12:29:43Z","body":"Is it possible to render the custom header for a specific column? Like we can do for Cell by setting up template/templateUrl"},"comment":{"url":"https://api.github.com/repos/ceolter/angular-grid/issues/comments/112473194","html_url":"https://github.com/ceolter/angular-grid/issues/237#issuecomment-112473194","issue_url":"https://api.github.com/repos/ceolter/angular-grid/issues/237","id":112473194,"user":{"login":"jongravois","id":6824241,"avatar_url":"https://avatars.githubusercontent.com/u/6824241?v=3","gravatar_id":"","url":"https://api.github.com/users/jongravois","html_url":"https://github.com/jongravois","followers_url":"https://api.github.com/users/jongravois/followers","following_url":"https://api.github.com/users/jongravois/following{/other_user}","gists_url":"https://api.github.com/users/jongravois/gists{/gist_id}","starred_url":"https://api.github.com/users/jongravois/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jongravois/subscriptions","organizations_url":"https://api.github.com/users/jongravois/orgs","repos_url":"https://api.github.com/users/jongravois/repos","events_url":"https://api.github.com/users/jongravois/events{/privacy}","received_events_url":"https://api.github.com/users/jongravois/received_events","type":"User","site_admin":false},"created_at":"2015-06-16T15:35:35Z","updated_at":"2015-06-16T15:35:35Z","body":"I am at least using a private function to clean up columnDefs a bit:\n\nvar columnDefs = [\n    {\n        displayName: 'Pending',\n        field: '',\n        suppressSorting: true,\n        templateUrl: './pending.icons.html',\n        width: 92,\n        suppressSizeToFit: true,\n        headerCellRenderer: pendingHdr,\n        headerTooltip: 'On/Off'\n    }\n];\n\n\nfunction pendingHdr(params) {\n    //console.log('before', params);\n    if(params.context.pending_view){\n        return '<div style=\"text-align:center !important;\"><span class=\"pendicon glyphicon glyphicon-exclamation-sign\" ng-click=\"sortPending()\" style=\"color:#006837;\"></span></div>';\n    } else {\n        return '<div style=\"text-align:center !important;\"><span class=\"pendicon glyphicon glyphicon-exclamation-sign\" ng-click=\"sortPending()\" style=\"color:#aaaaaa;\"></span></div>';\n    }\n}\n\n\n\n> On Jun 16, 2015, at 10:30 AM, ammar91 <notifications@github.com> wrote:\n> \n> Currently I have to define inline template for one of my column header:\n> \n>      {\n>                suppressMenu: true,\n>                suppressSorting: true,\n>                width: 100,\n>                template: '<a data-ng-class=\"data.singlesFlag && \\'flagged\\' || \\'unflagged\\'\" data-ng-click=\"vm.flaggedSingle(data)\" href=\"#\" class=\"glyphicon glyphicon-flag\"></a>',\n>                headerCellRenderer: function () {\n>                    return '<div class=\"dropdown\" dropdown-append-to-body>' +\n>                    '<a href=\"#\" class=\"glyphicon glyphicon-flag dropdown-toggle\" data-toggle=\"dropdown\" aria-expanded=\"true\"></a>' +\n>                        '<ul class=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"dropdownMenu1\">' +\n>                        '<li data-ng-click=\"vm.clearAllFlaggedSingle()\" role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"#\">Clear All Flags</a></li>' +\n>                        '<li data-ng-click=\"vm.flagAllSingles()\" role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"#\">Select All Flags</a></li>' +\n>                        '<li data-ng-click=\"vm.emailFlagged()\" role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"#\">Email Flagged</a></li>' +\n>                        '</ul>' +\n>                     '</div>';\n>                }\n>            },\n> And the problem I am going throw it's not opening up the dropdown. However I already set the angularCompileHeaders:true .. Not sure what's going wrong.\n> \n> —\n> Reply to this email directly or view it on GitHub <https://github.com/ceolter/angular-grid/issues/237#issuecomment-112471451>.\n> \n\n"}}