column & row pivot styles, standard CSS formatting for header

Author: nikitaeverywhere

source/css/LightPivot.css

@@ -26,7 +26,7 @@
     height: 14px;
     top: 1px;
     padding: 2px;
-    vertical-align: middle;
+    vertical-align: bottom;
     display: inline-block;
     position: relative;
 }
@@ -71,12 +71,13 @@
 .lpt table tr:first-child th:first-child {
     position: relative;
     white-space: nowrap;
+    vertical-align: bottom;
 }
 
 .lpt .drillDownIcon {
     position: relative;
     display: inline-block;
-    vertical-align: middle;
+    vertical-align: bottom;
     width: 15px;
     height: 14px;
     border: 2px solid #000000;

source/js/DataController.js

@@ -119,7 +119,7 @@ DataController.prototype.resetRawData = function () {
 
     var dim0raw = function (a, c, arr) {
 
-        dim1raw(rd0, c, arr);
+        dim1raw(rd0, c, arr, true);
 
         // @hotfix https://github.com/intersystems-ru/Cache-MDX2JSON/issues/29
         var i, maxLen = 0;
@@ -132,31 +132,44 @@ DataController.prototype.resetRawData = function () {
 
     };
 
-    var dim1raw = function (a, c, arr) {
+    var applyHeaderStyle = function (cellObject, isHorizontal) {
+        if (!_.controller.CONFIG["pivotProperties"]) return;
+        if (_.controller.CONFIG["pivotProperties"]["columnHeaderStyle"] && isHorizontal) {
+            cellObject.style = _.controller.CONFIG["pivotProperties"]["columnHeaderStyle"];
+        } else if (_.controller.CONFIG["pivotProperties"]["rowHeaderStyle"] && !isHorizontal) {
+            cellObject.style = _.controller.CONFIG["pivotProperties"]["rowHeaderStyle"];
+        }
+    };
+
+    var dim1raw = function (a, c, arr, hor) {
 
         if (!arr) {
             arr = [];
         }
 
-        var cnum;
+        var cnum, obj;
 
         for (var i in c) {
             cnum = groupNum;
             if (c[i].children) {
                 groupNum++;
-                dim1raw(a, c[i].children, arr.concat({
+                obj = {
                     group: cnum,
                     source: c[i],
                     isCaption: true,
                     value: c[i].caption || ""
-                }));
+                };
+                applyHeaderStyle(obj, hor);
+                dim1raw(a, c[i].children, arr.concat(obj), hor);
             } else {
-                a.push(arr.concat({
+                obj = {
                     group: groupNum,
                     source: c[i],
                     isCaption: true,
                     value: c[i].caption || ""
-                }));
+                };
+                applyHeaderStyle(obj, hor);
+                a.push(arr.concat(obj));
                 groupNum++;
             }
         }