How can I use popover loading in ag grid cell in Angular 2?

Question

I use the ag grid, where I set up multiple columns and using the popup popover attributes using the method below -

private createColumnDefs() {
   this.columnDefs = [{headerName: 'Description', field: "description", headerTooltip: "Description",minWidth: 150,
                    cellRenderer: function(params){
                    var text = params.data.description;
                    return '<a title="Description" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="'+text+'">'+text+'</a>';
                }}
        ];
    }

Now I initialize the popover with jQuery, as shown below:

$("[data-toggle=popover]").popover();

But it seems that jquery code runs before the column is Descriptiondisplayed in the grid. Popcorn doesn't work. Can anyone suggest a solution or approach that I should use here.