How to add a component to a button (custom action) to rows?

[Michael Mairegger]

Hi,

following Editing in Angular Grid component - Syncfusion I tried to add a content to a custom action button. The content is a string. What i want is to use a custom angular component like. Is this possible? The following does not work:

{title: 'Benutzerdefiniert', buttonOption: {cssClass: 'e-flat', content: ''}}

Regards,
Michael

[Sujith Kumar Rajkumar]

HI Michael, 

 

Greetings from Syncfusion support. 

 

Based on the query we suspect your requirement is to render a custom command button with only text content and not icon. If so, you can achieve it by setting the custom command button content as demonstrated in the below code snippet, 

 

<e-column headerText='Manage Records' textAlign='Center' [commands]='commands'></e-column> 

 

public ngOnInit() { 

    this.commands = [{ buttonOption: { content: 'Benutzerdefiniert', cssClass: 'e-success' }}]; 

} 

 

We have prepared a sample based on this for your reference. You can find it below, 

 

Sample: https://stackblitz.com/edit/angular-k7hcuz?file=app.component.ts 

 

Custom command button documentation: https://ej2.syncfusion.com/angular/documentation/grid/edit/?#custom-command 

 

If we misunderstood your query or if you require any further assistance, then please get back to us. 

 

Regards, 

Sujith R