angular7 - Header Row not Visible after binding ejs-grid in Angular

Question

Am having an issue with ejs-grid in angular especially with header column which is not visible.Hav tested sorting the sorting allows are visible but not column names.

  <ejs-grid [dataSource]='empList' [allowPaging]="true" [allowSorting]="true" [toolbar]='toolbar'
   [pageSettings]="pageSettings" >
    <e-columns>
      <e-column field='EmpNumber' headerText='Number' textAlign='Left' width=90></e-column>
      <e-column field='FullName' headerText='Full Name' width=120></e-column>
      <e-column field='DOB' headerText='Date of Birth' textAlign='Right' width=90></e-column>
      <e-column field='Department' headerText='Department' textAlign='Right'  width=120></e-column>
   </e-columns>
 </ejs-grid>     

-- class
     export class employee {
       EmpNumber: string
       FullName: string
       DOB: any
       Department: string}       

Answer 1

We are tried to reproduce the reported behavior but it was unsuccessful at our end. The Column headers are shown properly with the headerText. Find the below sample for your reference.

Sample: https://stackblitz.com/edit/angular-sfq9xb-nhrwsz?file=app.component.html

Please share the below details to validate further with this.

1. Did you used any custom CSS to customize the column header?
2. Share the package.json file.
3. Share the video demo & screenshot of reported behavior.
4. If possible, share the simple issue reproducible sample or make the issue in the given sample.