Merge pull request #23 from henrybuilt/v2-0-1

Scrollbars fixed

Author: maxhudson

dist/index.js

@@ -311,19 +311,20 @@
     }, {
       key: 'setScrollBarDims',
       value: function setScrollBarDims() {
+        var width = this.getNodeSize(this.dom.bodyTable.firstChild).width;
+        this.dom.xScrollbar.firstChild.style.width = width + 'px';
+
         this.xScrollSize = this.dom.xScrollbar.offsetHeight - this.dom.xScrollbar.clientHeight;
+
+        var height = this.getNodeSize(this.dom.bodyTable).height + this.xScrollSize - this.dom.stickyHeader.offsetHeight;
+        this.dom.yScrollbar.firstChild.style.height = height + 'px';
+
         this.yScrollSize = this.dom.yScrollbar.offsetWidth - this.dom.yScrollbar.clientWidth;
 
         if (!this.isFirefox) {
           this.setScrollBarPaddings();
         }
 
-        var width = this.getNodeSize(this.dom.bodyTable.firstChild).width;
-        this.dom.xScrollbar.firstChild.style.width = width + 'px';
-
-        var height = this.getNodeSize(this.dom.bodyTable).height + this.xScrollSize - this.dom.stickyHeader.offsetHeight;
-        this.dom.yScrollbar.firstChild.style.height = height + 'px';
-
         if (this.xScrollSize) this.dom.xScrollbar.style.height = this.xScrollSize + 1 + 'px';
         if (this.yScrollSize) this.dom.yScrollbar.style.width = this.yScrollSize + 1 + 'px';
       }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-sticky-table",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "main": "index.js",
   "module": "./index.js",
   "description": "Dynamically sized fixed header and columns for tables",

src/index.js

@@ -257,19 +257,20 @@ class StickyTable extends PureComponent {
    * @returns {undefined}
    */
   setScrollBarDims() {
+    var width = this.getNodeSize(this.dom.bodyTable.firstChild).width;
+    this.dom.xScrollbar.firstChild.style.width = width + 'px';
+
     this.xScrollSize = this.dom.xScrollbar.offsetHeight - this.dom.xScrollbar.clientHeight;
+
+    var height = this.getNodeSize(this.dom.bodyTable).height + this.xScrollSize - this.dom.stickyHeader.offsetHeight;
+    this.dom.yScrollbar.firstChild.style.height = height + 'px';
+
     this.yScrollSize = this.dom.yScrollbar.offsetWidth - this.dom.yScrollbar.clientWidth;
 
     if (!this.isFirefox) {
       this.setScrollBarPaddings();
     }
 
-    var width = this.getNodeSize(this.dom.bodyTable.firstChild).width;
-    this.dom.xScrollbar.firstChild.style.width = width + 'px';
-
-    var height = this.getNodeSize(this.dom.bodyTable).height + this.xScrollSize - this.dom.stickyHeader.offsetHeight;
-    this.dom.yScrollbar.firstChild.style.height = height + 'px';
-
     if (this.xScrollSize) this.dom.xScrollbar.style.height = this.xScrollSize + 1 + 'px';
     if (this.yScrollSize)  this.dom.yScrollbar.style.width = this.yScrollSize + 1  + 'px';
   }