是否可以更改 ngx-datatable-column 名称？

Question

我正在构建一个 angular2 网络应用程序并且我有一个 ngx-datatable 元素。列 (header) 名称是数字。

有什么方法可以编辑视图中的这些名称吗？

经过搜索，我找不到很多关于 ngx-datatable-column 的信息，甚至关于 ngx-datatable-column 的资源也没有显示在代码中更改列名的可能性。

Answer 1

此类问题的文档非常全面。所有示例和演示：http://swimlane.github.io/ngx-datatable/

您将在此示例代码中看到更多类型的选项。 https://github.com/swimlane/ngx-datatable/blob/1883b3ac1284307bb3dafa4cb299aad6a90b3c10/demo/templates/template-dom.component.ts

您正在看的是ngx-datatable-header-template

选项 1

<ngx-datatable-column name="Your Column Name">
  <ng-template let-column="column" ngx-datatable-header-template>
    <span>{{column.name}}</span>
  </ng-template>
  <ng-template let-row="row" ngx-datatable-cell-template>
    {{row.DataField}}
  </ng-template>
</ngx-datatable-column>

选项 2

<ngx-datatable-column>
  <ng-template ngx-datatable-header-template>
    <span>Your Column Name</span>
  </ng-template>
  <ng-template let-row="row" ngx-datatable-cell-template>
    {{row.DataField}}
  </ng-template>
</ngx-datatable-column>

Answer 2

如果您只想在您的视图中查看您自己的列 header 名称，您可以通过适当地设置名为 name 和 prop 的属性来实现，请参见下面的示例。

<ngx-datatable-column name="My Custom Column Header" prop="client">
   <ng-template let-value="value" ngx-datatable-cell-template>
     <strong>{{ value.clientCode }} </strong> - {{ value.clientName }}
   </ng-template>
</ngx-datatable-column>

详情请参考Ngx datatable input documents

干杯!!

Answer 3

您可以使用属性名称：

示例：

columnsInput = [
     { prop: 'Id' }, { prop: 'DeviceId', width: 280 },{ prop: 'LogTimeStamp', name: 'Log Time', width: 220 } ]

其中 columnInput 是 ngx-datatable

中的 [列] 属性

 <ngx-datatable #table class='material' [columns]="columnInput"  [rows]="rowInput"     </ngx-datatable>

这将显示如下内容：

header: [Id      DeviceId         Log Time]
values: [1          111             12121]

Id/DeviceId/LogTimeStamp 实际上是您在 [rows] 中分配的对象，因此对于此示例，您的行应该类似于：

rowInput: { Id: 1, DeviceId: 111, LogTimeStamp: 12121 }

Answer 4

正在为 table
将 createdOn columnName 更改为创建日期

注意：prop(createdOn) 设置值

<ngx-datatable-column class="bootstrap" name="Created Date" prop="createdOn">                                               
    <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
         {{value}}
    </ng-template>
</ngx-datatable-column>

是否可以更改 ngx-datatable-column 名称？

Is it possible to change the ngx-datatable-column name?

javascript

datatable

angularjs

single-page-application

ngx-datatable

选项 1

选项 2