- support fixed rows / columns, frozen rows / columns and idx cells

   toggling

Author: zbryikt

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Change Logs
 
+## v0.0.3
+
+ - support fixed rows / columns, frozen rows / columns and idx cells toggling
+
+
 ## v0.0.2
 
  - fix bug: edited failed if edited node is outside range of visible sheet.

README.md

@@ -26,6 +26,14 @@ initialize:
     })
 
 
+## Constructor Options
+
+ - `root`: container element or selector.
+ - `fixed`: {row, col}. default {row: 0, col: 0}
+ - `frozen`: {row, col}. default {row: 0, col: 0}
+ - `idx`: {row, col}. default {row: true, col: true}
+
+
 ## API
 
  - `set({row, col, content})` - set content to `content` for cells in row `row` and col `col`.

dist/index.css

@@ -32,6 +32,17 @@
   text-align: center;
   user-select: none;
 }
+.sheet .cell.fixed,
+.sheet .cell.fixed.frozen {
+  z-index: 100;
+}
+.sheet .cell.fixed {
+  background: #fafbfc;
+}
+.sheet .cell.frozen {
+  z-index: 12;
+  background: #fdfeff;
+}
 .sheet .range {
   z-index: 10;
   border: 1px solid #27f;
@@ -44,7 +55,7 @@
   position: absolute;
 }
 .sheet .caret {
-  z-index: 11;
+  z-index: 15;
   border: 2px solid #27f;
   user-select: none;
   pointer-events: none;
@@ -55,7 +66,7 @@
   position: absolute;
 }
 .sheet .edit {
-  z-index: 21;
+  z-index: 121;
   border: 2px solid #27f;
   opacity: 0;
   display: none;