From fc4714454bf50af81d63250ab964c50520d922aa Mon Sep 17 00:00:00 2001
From: Nicolas Bruy?re <nicolas.bruyere@nbb.be>
Date: Wed, 18 Sep 2019 08:36:31 +0200
Subject: [PATCH] fix(stark-ui): change the Multisort component to display the
 label instead of the name of the column

ISSUES CLOSED: #1397
---
 .../modules/table/components/dialogs/multisort.component.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/stark-ui/src/modules/table/components/dialogs/multisort.component.html b/packages/stark-ui/src/modules/table/components/dialogs/multisort.component.html
index 1496cdcbc2..5be7a10a03 100644
--- a/packages/stark-ui/src/modules/table/components/dialogs/multisort.component.html
+++ b/packages/stark-ui/src/modules/table/components/dialogs/multisort.component.html
@@ -13,8 +13,8 @@ <h1 mat-dialog-title translate>STARK.MULTI_COLUMN_SORTING.TITLE</h1>
 				<mat-form-field class="form-field-name">
 					<mat-select [value]="rule" (selectionChange)="onColumnChange(rule, $event.value)">
 						<ng-container *ngFor="let ruleOption of rules; trackBy: trackRuleFn">
-							<mat-option *ngIf="ruleOption == rule || !ruleOption.sortDirection" [value]="ruleOption"
-								>{{ ruleOption.column.name }}
+							<mat-option *ngIf="ruleOption == rule || !ruleOption.sortDirection" [value]="ruleOption">
+								{{ (ruleOption.column.label ? ruleOption.column.label : ruleOption.column.name) | translate }}
 							</mat-option>
 						</ng-container>
 					</mat-select>