Fix sticky behavior in Safari (#525)

plotly · Aug 2, 2019 · f1c6306 · f1c6306
1 parent 53c14cf
commit f1c6306
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/packages/dash-table/CHANGELOG.md b/packages/dash-table/CHANGELOG.md
@@ -36,6 +36,9 @@ between two tables within the same tab.
 reset the filter for the affected column(s)
 
 ### Fixed
+[#259](https://github.com/plotly/dash-table/issues/259)
+- Fixed columns `sticky` on Safari
+
 [#491](https://github.com/plotly/dash-table/issues/491)
 - Fixed inconsistent behaviors when editing cell headers
 

diff --git a/packages/dash-table/src/dash-table/components/Table/Table.less b/packages/dash-table/src/dash-table/components/Table/Table.less
@@ -257,6 +257,7 @@
                 flex: 0 0 auto;
                 left: 0;
                 position: sticky;
+                position:-webkit-sticky;
                 z-index: 400;
             }
 
@@ -436,6 +437,10 @@
         background-color: rgb(250, 250, 250);
     }
 
+    .dash-spreadsheet-inner td {
+        background-color: white;
+    }
+
     .sort {
         cursor: pointer;
         float: left;