How to add Link or Button in Angular 6 Grid

Question

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

Manav Pandya · Answer

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 Nimbark · Answer

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 Pandya · Answer

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

Manav Pandya · Answer

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

Bhavika Nimbark · Answer

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: Edit OR Edit If u have any idea please let me know. Thank You