Use html code as column name with ui-grid

Question

I am trying to change column name using html tag. I dont know if it's clean but i want to use a on my js code to rename my column using ui-grid. some thing like :

$scope.gridOptions = {
            enableFiltering: true,
            enableColumnResizing : true,
            enableHorizontalScrollbar : true,
            columnDefs: [
                { field: 'type', name:'<bean:message key="data.type"/>' }
            ]
        };
    $scope.gridOptions.data = $scope.overviewImport;

dont ask me why i'm using the tag

But without showing the html code on my page !

thx.

your question is not clear.Can you provide more info ? what is `data.type` ? — Sampath, Aug 22 '16 at 14:43
it's just a property on my ApplicationResources.properties :) — DJBen, Aug 22 '16 at 14:53

score 0 · Answer 1 · answered Sep 18 '16 at 19:14

0

Try using headerTemplate and grid.AppScope.

answered Sep 18 '16 at 19:14

M. Michal

12

Use html code as column name with ui-grid

1 Answers1