ejs-grid is not a known element:

[Matthias]

Hi Team,

I  am trying to use Grid in my application. I have already performed the following steps:

1. npm install @syncfusion/ej2-angular-grids --save
   
2. I added following line in my app.module.ts: import { GridModule } from '@syncfusion/ej2-angular-grids';
   
3. I added the GridModule to the NgModule Imports 
4. I checked the dependencies in my package.json :"@syncfusion/ej2-angular-grids": "^19.1.54" 
   
5. I added the <ejs-grid></ejs-grid>

But I still get this error message:

'ejs-grid' is not a known element:
1. If 'ejs-grid' is an Angular component, then verify that it is part of this module.
2. If 'ejs-grid' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

Regards, 

Matthias Endres

[Ajith Govarthan]

Hi Matthias, 

Thanks for contacting Syncfusion support. 

Query:  I am trying to use Grid in my application. I have already performed the following steps: 

Based on your query we suspect that you have not added the Grid module properly in your Grid application. So, we have prepared sample in that we have added the Grid modules and rendered the Grid Component properly. For your convenience we have attached the sample please refer them for your reference. 

Code Example: 

App.module.ts 

import { CheckBoxModule } from '@syncfusion/ej2-angular-buttons'; 

import { DropDownListAllModule } from '@syncfusion/ej2-angular-dropdowns'; 

import { DatePickerAllModule } from '@syncfusion/ej2-angular-calendars'; 

import { ToolbarModule } from '@syncfusion/ej2-angular-navigations'; 

import { NumericTextBoxAllModule } from '@syncfusion/ej2-angular-inputs'; 

import { DialogModule } from '@syncfusion/ej2-angular-popups'; 

import { GridAllModule } from '@syncfusion/ej2-angular-grids'; 

import { HttpModule } from '@angular/http'; 

import { FormsModule, ReactiveFormsModule } from '@angular/forms'; 

import { RouterModule } from '@angular/router'; 

import { CommonModule } from '@angular/common'; 

import { BrowserModule } from '@angular/platform-browser'; 

import { NgModule } from '@angular/core'; 

import { AppComponent } from '../app.component'; 

@NgModule({ declarations: [ AppComponent ], imports: [ CommonModule, ToolbarModule, GridAllModule, BrowserModule,       NumericTextBoxAllModule, DialogModule, DatePickerAllModule, DropDownListAllModule, ReactiveFormsModule, FormsModule, CheckBoxModule], providers: [], bootstrap: [AppComponent] 

}) 

export class AppModule { } 

Sample Link: https://stackblitz.com/edit/angular-pi5sjd-3in2p8?file=app%2Fapp.module.ts 

UG-Link: https://ej2.syncfusion.com/angular/documentation/grid/getting-started/ 

Please get back to us if you need further assistance. 

Regards, 

Ajith G. 

[Matthias]

Thank you very much

Yes, the mistake was that i used GridModule instead of GridAllModule. 

Unfortunately, in the documentation i always saw GridModule in all the examples.

Thanks again for the help.

Regards,

Matthias Endres

[Ajith Govarthan]

Hi Matthias, 

Thanks for the update.  

We are happy to hear that your issue has been resolved. 

The GridAllModule will inject all the feature of the Grid and the Grid Module also renders Grid but with some minimal features but you can externally inject the needed modules in your Grid application . For your convenience we have attached the sample please refer them for your reference. 

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

Please get back to us if you need further assistance. 

Regards, 

Ajith G.