How to render the Syncfusion Grid in jHipster spring boot Angular App

[Santosh Telwane]

Respected Sir,

Can you provide us an example code which uses Sync Fusion Grid with jHipster Spring boot Angular App?

Here is link for jHipster

https://www.jhipster.tech/

I tried doing it using observable example on getting started but got lost

Regards,

Santosh

[Rajapandi Ravi]

Hi Santosh, 

Greetings from syncfusion support. 

Based on your query you need to render the Syncfusion Grid in jHipster Spring boot Angular App. So, we have prepared an sample of SyncFusion Grid with observables in jHipster Spring boot Angular App. 

For your convenience we have attached the sample and please download the sample from the following link 

Code example:  

Home.component.ts 

export class HomeComponent implements OnInit, OnDestroy { 

  public pageOptions: Object; 

    public state: DataStateChangeEventArgs; 

  public data: Observable<DataStateChangeEventArgs>; 

  constructor(private accountService: AccountService, private loginModalService: LoginModalService, private service: OrdersService) { 

    this.data = service; 

  } 

  ngOnInit(): void { 

    this.pageOptions = { pageSize: 10, pageCount: 4 }; 

        let state = { skip: 0, take: 10 }; 

        this.service.execute(state); 

  } 

  dataStateChange(state: DataStateChangeEventArgs): void { 

    this.service.execute(state); 

  } 

} 

Sample: https://www.syncfusion.com/downloads/support/forum/156933/ze/1569331440064132.zip 

Screenshot: 

 

Regards, 

Rajapandi R