Fixed primefaces#1743

Author: Çağatay Çivici

components/common/shared.ts

@@ -65,6 +65,7 @@ export class TemplateWrapper implements OnInit {
 })
 export class Column implements AfterContentInit{
     @Input() field: string;
+    @Input() sortField: string;
     @Input() header: string;
     @Input() footer: string;
     @Input() sortable: any;

components/datatable/datatable.ts

@@ -817,8 +817,9 @@ export class DataTable implements AfterViewChecked,AfterViewInit,AfterContentIni
 
         let targetNode = event.target.nodeName;
         if(targetNode == 'TH' || (targetNode == 'SPAN' && !this.domHandler.hasClass(event.target, 'ui-c'))) {
-            this.sortOrder = (this.sortField === column.field)  ? this.sortOrder * -1 : 1;
-            this.sortField = column.field;
+            let columnSortField = column.sortField||column.field;
+            this.sortOrder = (this.sortField === columnSortField)  ? this.sortOrder * -1 : 1;
+            this.sortField = columnSortField;
             this.sortColumn = column;
             let metaKey = event.metaKey||event.ctrlKey;
 
@@ -944,14 +945,16 @@ export class DataTable implements AfterViewChecked,AfterViewInit,AfterContentIni
             return false;
         }
 
+        let columnSortField = column.sortField||column.field;
+        
         if(this.sortMode === 'single') {
-            return (this.sortField && column.field === this.sortField);
+            return (this.sortField && columnSortField === this.sortField);
         }
         else if(this.sortMode === 'multiple') {
             let sorted = false;
             if(this.multiSortMeta) {
                 for(let i = 0; i < this.multiSortMeta.length; i++) {
-                    if(this.multiSortMeta[i].field == column.field) {
+                    if(this.multiSortMeta[i].field == columnSortField) {
                         sorted = true;
                         break;
                     }
@@ -963,15 +966,17 @@ export class DataTable implements AfterViewChecked,AfterViewInit,AfterContentIni
 
     getSortOrder(column: Column) {
         let order = 0;
+        let columnSortField = column.sortField||column.field;
+        
         if(this.sortMode === 'single') {
-            if(this.sortField && column.field === this.sortField) {
+            if(this.sortField && columnSortField === this.sortField) {
                 order = this.sortOrder;
             }
         }
         else if(this.sortMode === 'multiple') {
             if(this.multiSortMeta) {
                 for(let i = 0; i < this.multiSortMeta.length; i++) {
-                    if(this.multiSortMeta[i].field == column.field) {
+                    if(this.multiSortMeta[i].field == columnSortField) {
                         order = this.multiSortMeta[i].order;
                         break;
                     }

showcase/demo/datatable/datatabledemo.html

@@ -117,6 +117,12 @@ <h3>Attributes</h3>
                             <td>null</td>
                             <td>Property of a row data.</td>
                         </tr>
+                        <tr>
+                            <td>sortField</td>
+                            <td>string</td>
+                            <td>null</td>
+                            <td>Property of a row data used for sorting, defaults to field.</td>
+                        </tr>
                         <tr>
                             <td>header</td>
                             <td>string</td>
@@ -495,7 +501,8 @@ <h3>Sorting</h3>
 </code>
 </pre>        
 
-            <p>To customize sorting, set sortable option to <i>custom</i> and define a sortFunction that sorts the list.</p>
+            <p>To customize sorting, set sortable option to <i>custom</i> and define a sortFunction that sorts the list. The property to use when 
+            sorting is field by default and this can be customized using sortField.</p>
 <pre>
 <code class="language-markup" pCode>
 &lt;p-dataTable [value]="cars" [multiSortMeta]="multiSortMeta"&gt;