Sticky column feature

henrybuilt · Jan 5, 2017 · 011f20e · 011f20e
1 parent 5dd9b3b
commit 011f20e
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 2 deletions.
diff --git a/dist/index.js b/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) {

diff --git a/dist/react-sticky-table.css b/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;

diff --git a/src/index.js b/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) {

diff --git a/src/sticky-table.css b/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;