Making pivot and table consistent

nathancarter · Mar 20, 2020 · fb93ecf · fb93ecf
1 parent 39dd680
commit fb93ecf
Showing 1 changed file with 34 additions and 24 deletions.
diff --git a/pivot.html b/pivot.html
@@ -4,46 +4,56 @@
         <script>
             window.addEventListener( 'load', function () {
                 addBoxes(
-                    'Name',   1, 0,     0, 1, { w1: 2, w2: 2 },
-                    'Day',    3, 0,     0, 0, { w1: 2, w2: 2 },
-                    'Sales',  5, 0, -1000, 0,
+                    'First',  1, 0,     0, 1,
+                    'Last',   2, 0,     1, 1, { w1: 2, w2: 2 },
+                    'Day',    4, 0,     1, 0, { w1: 2, w2: 2 },
+                    '',   -1000, 0,     0, 0,
+                    'Sales',  6, 0, -1000, 0,
                     '0',      0, 1, -1000, 0,
                     '1',      0, 2, -1000, 0,
                     '2',      0, 3, -1000, 0,
                     '3',      0, 4, -1000, 0,
                     '4',      0, 5, -1000, 0,
                     '5',      0, 6, -1000, 0,
-                    '',   -1000, 0,     2, 1, { w2: 2 },
-                    '',   -1000, 0,     4, 1, { w2: 2 },
-                    '',   -1000, 0,     6, 1, { w2: 2 },
+                    '',   -1000, 0,     3, 1, { w2: 2 },
+                    '',   -1000, 0,     5, 1, { w2: 2 },
+                    '',   -1000, 0,     7, 1, { w2: 2 },
                     '',       0, 0, -1000, 0,
                 );
                 setColor( '#dddddd' );
                 addBoxes(
-                    'Amy Smith', 1, 1, 0, 2, { w1: 2, w2: 2 },
-                    'Amy Smith', 1, 2, 0, 2, { w1: 2, w2: 2 },
-                    'Amy Smith', 1, 3, 0, 2, { w1: 2, w2: 2 },
-                    'Bob Jones', 1, 4, 0, 3, { w1: 2, w2: 2 },
-                    'Bob Jones', 1, 5, 0, 3, { w1: 2, w2: 2 },
-                    'Bob Jones', 1, 6, 0, 3, { w1: 2, w2: 2 },
+                    'Amy', 1, 1, 0, 2,
+                    'Amy', 1, 2, 0, 2,
+                    'Amy', 1, 3, 0, 2,
+                    'Bob', 1, 4, 0, 3,
+                    'Bob', 1, 5, 0, 3,
+                    'Bob', 1, 6, 0, 3,
+                );
+                addBoxes(
+                    'Smith', 2, 1, 1, 2, { w1: 2, w2: 2 },
+                    'Smith', 2, 2, 1, 2, { w1: 2, w2: 2 },
+                    'Smith', 2, 3, 1, 2, { w1: 2, w2: 2 },
+                    'Jones', 2, 4, 1, 3, { w1: 2, w2: 2 },
+                    'Jones', 2, 5, 1, 3, { w1: 2, w2: 2 },
+                    'Jones', 2, 6, 1, 3, { w1: 2, w2: 2 },
                 );
                 setColor( '#ddddff' );
                 addBoxes(
-                    'Monday',    3, 1, 2, 0, { w1: 2, w2: 2 },
-                    'Tuesday',   3, 2, 4, 0, { w1: 2, w2: 2 },
-                    'Wednesday', 3, 3, 6, 0, { w1: 2, w2: 2 },
-                    'Monday',    3, 4, 2, 0, { w1: 2, w2: 2 },
-                    'Tuesday',   3, 5, 4, 0, { w1: 2, w2: 2 },
-                    'Wednesday', 3, 6, 6, 0, { w1: 2, w2: 2 },
+                    'Monday',    4, 1, 3, 0, { w1: 2, w2: 2 },
+                    'Tuesday',   4, 2, 5, 0, { w1: 2, w2: 2 },
+                    'Wednesday', 4, 3, 7, 0, { w1: 2, w2: 2 },
+                    'Monday',    4, 4, 3, 0, { w1: 2, w2: 2 },
+                    'Tuesday',   4, 5, 5, 0, { w1: 2, w2: 2 },
+                    'Wednesday', 4, 6, 7, 0, { w1: 2, w2: 2 },
                 );
                 setColor( '#ddffdd' );
                 addBoxes(
-                    '39', 5, 1, 2, 2, { w2: 2 },
-                    '68', 5, 2, 4, 2, { w2: 2 },
-                    '10', 5, 3, 6, 2, { w2: 2 },
-                    '93', 5, 4, 2, 3, { w2: 2 },
-                    '85', 5, 5, 4, 3, { w2: 2 },
-                    '0',  5, 6, 6, 3, { w2: 2 },
+                    '39', 6, 1, 3, 2, { w2: 2 },
+                    '68', 6, 2, 5, 2, { w2: 2 },
+                    '10', 6, 3, 7, 2, { w2: 2 },
+                    '93', 6, 4, 3, 3, { w2: 2 },
+                    '85', 6, 5, 5, 3, { w2: 2 },
+                    '0',  6, 6, 7, 3, { w2: 2 },
                 );
             } );
         </script>