jquery-bootgrid | Nice | User Interface library

I am new to KnockoutJS. I want to fire a event on click of a button(or Anchors). I have appended the data to table using Jquery Bootgrid but I couldn't get the alert.

After 2 days reading all topics about jQuery Bootgrid and AngularJS, I still can't use angular directives on my generated grid.

I'm using AngularJS 1.6.6 and jQuery Bootgrid 1.3.1. The page that is using it is running fine and all the elements outside the grid are working with angular directives. All the elements are inside the right ng-app and ng-controller tagged root.

The problem is that I have some buttons inside the grid and they are all losing their events like onclick, tooltips, etc. So I wanted to map them using ng-click instead of the jQuery .click(function () {}).

There are no error messages, only the events are just not firing.

All functions pointed inside the directives are declared on my scope.

I'm almost concluding that the jQuery Bootgrid isolates its own scope and avoid angular to get into it. Does that proceed?

I am using jquery-bootgrid Located here. http://www.jquery-bootgrid.com/GettingStarted

I created a bootgrid with fields one of them I want to edit so what I did was to specify it in the formatter.

Hi all I have been looking for a lot of relative resource to deal with my problem, however it isn't useful to me, even if I have checked the "jQuery Bootgrid" and many websites , I still didn't find any great example out, hopefully someone who really know it can help me to give me any slim clues or any good simple.
By the way,
1. I wish I can use Ajax to update and see any modifies data between Browser and DB
2. Plesae give me example code
Thanks

Some problems issue
1.Ajax Connection
Front end

I'd like to add an icon to the header cell if a condition is met. I know that in the documentation it mentions that dynamic placholders are a thing, but it doesn't elaborate on how to add your own.

What I've tried:

Defining my own Template: