Add sortType docs and demo (#35)

adlaird · jonshaffer · commit 7cf652898d61 · 2016-12-28T07:46:59.000-05:00
* Added checkbox to turn on/off multi column sort in Sorting demo

* Added sortType option to README.md and defaults.js

* Updated wording of comments
diff --git a/README.md b/README.md
@@ -148,6 +148,7 @@ The data table can be created with the following `options`:
 - `rowHeight`: Row height in pixels, necessary if using lazy rendering (default: `30`)
 - `scrollbarV`: Enable vertical scrollbars (default: `true`)
 - `selectable`: Whether users can select items (default: `false`)
+- `sortType`: Whether to allow sorting by multiple columns or only 1 (`multiple` or `single`) (default: `multiple`)
 
 ## Contributing
 
diff --git a/demos/sort.html b/demos/sort.html
@@ -42,6 +42,7 @@
   </head>
   <body ng-app="app" ng-controller="HomeController">
 
+    <label><input type="checkbox" ng-model="multiple" ng-change="updateSortType()" /> Multi column sorting</label>
 
     <dtable options="options" rows="data" class="material" on-sort="onColumnSort(sorts)"></dtable>
 
@@ -62,12 +63,18 @@
             })
           }
 
+          $scope.updateSortType = () => {
+              $scope.options.sortType = $scope.multiple === true ? 'multiple' : 'single';
+          }
+
+          $scope.multiple = true;
+
           $scope.options = {
             rowHeight: 50,
             headerHeight: 50,
             footerHeight: false,
             scrollbarV: false,
-            sortType: 'multiple', // available options: ['single', 'multiple']
+            sortType: 'multiple',
             // onSort: $scope.onColumnSort,
             columns: [{
                 name: "Name",
diff --git a/src/defaults.js b/src/defaults.js
@@ -63,6 +63,9 @@ export const TableDefaults = {
   // if you can reorder columns
   reorderable: true,
 
+  // sorting by single or multiple columns
+  sortType: 'multiple',
+
   internal: {
     offsetX: 0,
     offsetY: 0,
