title: Ngx-translate and Table Sort
body: <p>Im using ngx-translate in my Angular app.</p>
  
  <p>It works well but unfortunally I can't find a solution for translating a table column header keeping sort functionality.</p>
  
  <p>This is my column definition</p>
  
  <pre><code> &lt;ng-container matColumnDef="name"&gt;
      &lt;th mat-header-cell *matHeaderCellDef  mat-sort-header="name" &gt; Name &lt;/th&gt;
      &lt;td mat-cell *matCellDef="let element"&gt; {{element.name}} &lt;/td&gt;
  &lt;/ng-container&gt;
  </code></pre>
  
  <p>I need to translate "Name" keeping sort property.</p>
  
  <p>I've tried with simply:</p>
  
  <pre><code>&lt;ng-container matColumnDef="name"&gt;
          &lt;th mat-header-cell *matHeaderCellDef  mat-sort-header="name" translate&gt; generic.name &lt;/th&gt;
          &lt;td mat-cell *matCellDef="let element"&gt; {{element.name}} &lt;/td&gt;
      &lt;/ng-container&gt;
  </code></pre>
  
  <p>But it print "generic.name".</p>
  
  <p>If I remove:</p>
  
  <pre><code>mat-sort-header="name"
  </code></pre>
  
  <p>translation works but I lose the table sort functionality.</p>
  
  <p>I've tried something like this:</p>
  
  <pre><code>  &lt;ng-container matColumnDef="{{ 'generic.name' | translate }}"&gt;
      &lt;th mat-header-cell *matHeaderCellDef  mat-sort-header="{{ 'generic.name' | translate }}" translate&gt; generic.name &lt;/th&gt;
      &lt;td mat-cell *matCellDef="let element"&gt; {{element.name}} &lt;/td&gt;
  &lt;/ng-container&gt;&gt;
  </code></pre>
  
  <p>But it raise a lot of exception like: ERROR Error: Could not find column with id "name".</p>
  
  <p>Thanks for any help.</p>