在 Angular 中绑定 ejs-grid 后标题行不可见

问题描述

ejs-grid 的角度问题，尤其是标题列不可见。经过测试，排序允许可见，但列名不可见。

  <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}       

解决方法

我们试图重现报告的行为，但最终没有成功。列标题与 headerText 一起正确显示。找到以下示例供您参考。

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

请分享以下详细信息以进一步验证。

1. 您是否使用任何自定义 CSS 来自定义列标题？
2. 共享 package.json 文件。
3. 分享所报告行为的视频演示和屏幕截图。
4. 如果可能，请分享可重现的简单问题示例或在给定示例中制作问题。