search bar moved to top

Author: nikitaeverywhere

example/index.html

@@ -115,7 +115,7 @@
                 // if cellDrillThrough callback returns boolean false, DrillThrough won't be performed.
                 //, cellDrillThrough: function ({Object { event: {event}, filters: {string[]} }}) {}
             }
-            , pagination: 0 // Maximum rows number on one page (default: 200, turn off: 0)
+            , pagination: 30 // Maximum rows number on one page (default: 200, turn off: 0)
             //, hideButtons: true // hides "back" and "drillThrough" buttons
             //, triggerEvent: "touchstart" // all "click" events will be replaced by this event
             //, caption: "My table" // if set, table basic caption will be replaced by this text

source/css/LightPivot.css

@@ -378,11 +378,11 @@
 }
 
 .lpt-searchBlock {
-    position: absolute;
+    /*position: absolute;*/
     box-sizing: border-box;
     overflow: hidden;
-    bottom: 0;
-    width: 100%;
+    /*top: 0;*/
+    /*width: 100%;*/
     height: 20px;
     font-size: 14px;
     border: 1px solid rgb(208, 208, 208);

source/js/PivotView.js

@@ -1098,10 +1098,10 @@ PivotView.prototype.renderRawData = function (data) {
         searchBlock.className = "lpt-searchBlock";
         searchInput.className = "lpt-searchInput";
         searchSelect.className = "lpt-searchSelect";
-        if (pageSwitcher) {
-            pageSwitcher.style.borderBottom = "none";
-            pageSwitcher.style.bottom = "20px";
-        }
+        //if (pageSwitcher) {
+        //    pageSwitcher.style.borderBottom = "none";
+        //    pageSwitcher.style.bottom = "20px";
+        //}
         for (i in searchFields) {
             td = document.createElement("option");
             td.setAttribute("value", searchFields[i].columnIndex.toString());
@@ -1122,7 +1122,7 @@ PivotView.prototype.renderRawData = function (data) {
         searchSelectOuter.appendChild(searchSelect);
         searchBlock.appendChild(searchSelectOuter);
         searchBlock.appendChild(searchInput);
-        container.appendChild(searchBlock);
+        container.insertBefore(searchBlock, pivotTopSection);
         this.elements.searchInput = searchInput;
         this.elements.searchSelect = searchSelect;
         if (this.savedSearch.restore) {