Sticky column feature

Author: maxhudson

dist/index.js

@@ -373,7 +373,7 @@
         this.columnCount = rows[0] && rows[0].props.children.length || 0;
 
         if (rows.length) {
-          if (this.stickyColumnCount > 0) {
+          if (this.stickyColumnCount > 0 && this.stickyHeaderCount > 0) {
             stickyCorner = this.getStickyCorner(rows);
           }
           if (this.stickyColumnCount > 0) {

dist/react-sticky-table.css

@@ -19,6 +19,7 @@
   top: 0;
   z-index: 3;
   border-right: 2px solid #e5e5e5;
+  border-bottom: 2px solid #e5e5e5;
 }
 .sticky-table .sticky-header {
   position: absolute;

src/index.js

@@ -329,7 +329,7 @@ class StickyTable extends Component {
     this.columnCount = (rows[0] && rows[0].props.children.length) || 0;
 
     if (rows.length) {
-      if (this.stickyColumnCount > 0) {
+      if (this.stickyColumnCount > 0 && this.stickyHeaderCount > 0) {
         stickyCorner = this.getStickyCorner(rows);
       }
       if (this.stickyColumnCount > 0) {

src/sticky-table.css

@@ -10,6 +10,7 @@
   top: 0;
   z-index: 3;
   border-right: 2px solid #e5e5e5;
+  border-bottom: 2px solid #e5e5e5;
 }
 .sticky-table .sticky-header {
   position: absolute;