sortDirection can now be applied to more than one column - fixes #151

CHANGELOG.md

@@ -6,6 +6,7 @@ This document lists the changes introduced by this fork.
 
 * Add Angular 17 support
 * Add `hideTagList` setting to hide the tag list when columns are hidden
+* The `sortDirection` column setting can now be applied to more than one column
 
 ## Version 3.1.1
 

projects/angular2-smart-table/CHANGELOG.md

@@ -6,6 +6,7 @@ This document lists the changes introduced by this fork.
 
 * Add Angular 17 support
 * Add `hideTagList` setting to hide the tag list when columns are hidden
+* The `sortDirection` column setting can now be applied to more than one column
 
 ## Version 3.1.1
 

projects/angular2-smart-table/src/lib/lib/grid.ts

@@ -258,27 +258,21 @@ export class Grid {
   }
 
   prepareSource(source: DataSource): DataSource {
-    const initialSource = this.getInitialSort();
-    if (initialSource && initialSource['field'] && initialSource['direction']) {
-      source.setSort([initialSource], false);
-    }
-    source.setPaging(this.getPageToSelect(source), this.settings.pager?.perPage ?? 10, false);
-
-    source.refresh();
-    return source;
-  }
-
-  getInitialSort(): ISortConfig | null {
+    let sortConf: Array<ISortConfig> = [];
     for (const column of this.getColumns()) {
       if (column.isSortable && column.defaultSortDirection !== null) {
-        return {
+        sortConf.push({
           field: column.id,
           direction: column.defaultSortDirection,
           compare: column.compareFunction,
-        };
+        });
       }
     }
-    return null;
+    source.setSort(sortConf, false);
+    source.setPaging(this.getPageToSelect(source), this.settings.pager?.perPage ?? 10, false);
+
+    source.refresh();
+    return source;
   }
 
   getSelectedItems(): Array<any> {

projects/demo/src/app/pages/documentation/documentation.component.html

@@ -407,7 +407,7 @@ <h3>Table Configuration</h3>
       <td>
         Sort table by this column with this direction by default.<br>
         Applied only when <span class="highlight">sort</span> = true.
-        Note: multiple sort option is not supported yet, so sortDirection can be applied to only one column per table.
+        If sortDirection is specified for multiple columns, sort order will be from left to right.
       </td>
     </tr>
     <tr>