example-footer-totals: support row reorder and make sure the function uses the reordered column list from the grid rather than the local copy of the initial column array

Author: 6pac

examples/example-footer-totals.html

@@ -67,14 +67,14 @@ <h2>View Source:</h2>
   }
 
   function UpdateAllTotals(grid) {
-    var columnIdx = columns.length;
+    var columnIdx = grid.getColumns().length;
     while (columnIdx--) {
       UpdateTotal(columnIdx, grid);
     }
   }
 
   function UpdateTotal(cell, grid) {
-    var columnId = columns[cell].id;
+    var columnId = grid.getColumns()[cell].id;
 
     var total = 0;
     var i = data.length;
@@ -100,6 +100,10 @@ <h2>View Source:</h2>
     grid.onCellChange.subscribe(function(e, args) {
       UpdateTotal(args.cell, args.grid);
     });
+
+    grid.onColumnsReordered.subscribe(function(e, args) {
+      UpdateAllTotals(args.grid);
+    });    
   })
 </script>
 </body>