How to add Link or Button in Angular 6 Grid

Bhavika Nimbark

Hello,

I want to add Link or Button for Edit functionality in Angular 6 Grid. But I didn't found any way for this. When I tried to add button like the image shows it was display as just a "TEXT" like other fields FirstName,LastName, etc.

Please help me to solve it.

Thanks in advance

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

Manav Pandya8y ago
Hello

Again i can say you have not searched properly about issue

There is a blog posted in their docs about customization :

https://www.jqwidgets.com/custom-grid-cells-rendering/

Screenshot :

As you can see in screenshot , their is button for delete , this is called "Customization"

What you have not tried yet , fine , try it

Thanks
Bhavika Nimbark8y ago
Thanks for your suggestion.

But I reffered https://www.jqwidgets.com/angular-6-grid-features/ link to implement grid like this and grid is display with sorting and paging functionality.

So, I want to add Link or button for Edit Delete functionality.

See the result (grid is display with sorting and paging functionality and Edit link or button will generate a simple text)
Manav Pandya8y ago
Hello

I think you want to implement same as htl grid kind of stuff

And observed that you have not gone through their official docs properly , things is that you have started development directly without understanding their actual steps

So first understand each properties of JqxGrid and than go forward

Note :

You need yo provide dataSource , without it data can not render in grid view

you have mentiond "It's very long procedure" -> its not long its important procedure

So try to think twice and follow their docs and demo as well

I hope this information is enough

Thanks
Bhavika Nimbark8y ago
Thanks for the reply

But I don't want to use DataAdapter because it's a very long procedure.

I just need one link or botton in Angular 6 grid.

For Example:

OR

Edit

If u have any idea please let me know.
Thank You
Manav Pandya8y ago
Hello

From the official doc they have provided demos as well as code snippet

So you can see the live action which contains button :

https://www.jqwidgets.com/angular/angular-grid/angular-grid-createremoveupdate.htm

Let me know if you need more help

Thanks