Column display label different from column name

I’m submitting a … (check one with “x”)

[ ] bug report => search github for a similar issue or PR before submitting
[x] feature request
[ ] support request => Please do not submit support request here

Current behavior

No way to provide different column name and display label. Templates can work as a workaround but not convenient.

Expected behavior

We should be able to provide a display label different from column name. Because backed services send data which is closer to an identifier e.g. exchangeRate but in UI you would display it as ‘Exchange Rate’.

Column name should be used to look up value for cell whereas displayLabel should be used for header.

Reproduction of the problem

What is the motivation / use case for changing the behavior?

Please tell us about your environment:

• Table version: 0.7.x

• Angular version: 2.0.x

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

• Language: [all | TypeScript X.X | ES6/7 | ES5]

[ghost]

@andrew-kuzovov i have a same problem, but it’s simple to use a prop option…

JSON dummyData = [ {data1: ‘Name1’, data2: ‘LastName1’}, {data1: ‘Name2’, data2: ‘LastName2’}, {data1: ‘Name3’, data2: ‘LastName3’} ]

In ngx-datatable cols config:

cols = [ {prop: ‘data1’, name: ‘First Name’}, {prop: ‘data2’, name: ‘Last Name’} ];

This should works.

[hesptech]

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