ngx数据表动态更新标头

时间:2018-01-19 10:49:36

标签: angularjs ngx-datatable

我在我的角应用程序中使用组件ngx-datatable,我正在尝试动态更新标题文本。 我正在尝试的是以下内容:

<ngx-datatable-column prop="day_1" name="{{day_1_header}}">

并动态更新day_1_header属性,但是当我这样做时,永远不会反映出更改。 我也试过添加一个ViewChild并直接更改名称:

HTML:
<ngx-datatable-column #dataTable1 prop="day_1" name="{{day_1_header}}">
TS:
@ViewChild('dataTable1') dataTable1;
[..]
this.dataTable1.nativeElement.name = "test";

当我检查dataTable1对象的属性时,会设置新名称。

那么有人能告诉我如何重新呈现/同步数据表标题吗?

谢谢!

1 个答案:

答案 0 :(得分:2)

...该死 永远尝试,问了问题,马上找到了解决方案。 它的工作原理是向列中添加一个显式的标题模板,如下所示:

<ngx-datatable-column>
      <ng-template let-column="column" ngx-datatable-header-template>
        {{day_1_header}}
      </ng-template>
</ngx-datatable-column>

也许有一天它会帮助某人。