- support custom class names in cells

Author: zbryikt

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Change Logs
 
+## v0.1.6
+
+ - support custom class names in cells
+
+
 ## v0.1.5
 
  - make it possible to add node instead of pure text.

README.md

@@ -41,6 +41,8 @@ initialize:
  - `idx`: {row, col}. default {row: true, col: true}
  - `size`: {row, col}. force cell size, in array by order.
    - default: {row: [], col: []}
+ - `class`: {row, col}. additional cell class name, in array by order, as space separated string.
+   - default: {row: [], col: []}
  - `editing`: false to disable editing. default true.
    - (TBD) in the future we should be able to:
      - set edit permission ( e.g., edit, comment )

dist/index.js

@@ -3,7 +3,7 @@
   "name": "@plotdb/sheet",
   "license": "MIT",
   "description": "spreadsheet",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "main": "dist/index.js",
   "homepage": "https://github.com/plotdb/sheet",
   "files": [

dist/index.min.js

@@ -41,6 +41,7 @@ sheet = (opt={}) ->
   @evt-handler = {}
   @_data = opt.data or []
   @size = ({row: [], col: []} <<< opt.size){row, col}
+  @cls = ({row: [], col: []} <<< opt.class){row, col}
   @_editing = if opt.editing? => !!opt.editing else true
   @dim = col: (opt.{}dim.col or 30), row: (opt.{}dim.row or 30)
   @frozen = ({col: 0, row: 0} <<< (opt.frozen or {})){col, row}
@@ -258,7 +259,14 @@ sheet.prototype = Object.create(Object.prototype) <<< do
     else [@_data[][@pos.row + y - @xif.row.1][@pos.col + x - @xif.col.1], "cell"]
     if !(content?) => content = ""
 
-    n.className = className
+    clsext = if x >= @xif.col.0 and y >= @xif.row.0 =>
+      (
+        (@cls.col[@pos.col + x - @xif.col.1] or '') + ' ' +
+        (@cls.row[@pos.row + y - @xif.row.1] or '')
+      )
+    else ''
+    n.className = (className + ' ' + clsext)
+
     if content != null =>
       # TODO support advanced content
       if typeof(content) == \object =>