Perspective - View Canvas - replicate Excel spreadsheet - freeze top and left headers?

Ignition
,
6

here ya go:
Sorry for the terrible quality, i couldnt upload the big video and seems i reduce it way to much xD the spacing columns and rows is a bit off but its just a demo :stuck_out_tongue:

image
image338×826 26.8 KB

important things are:
for the header position:sticky top:0 left:null
for the left one: position:sticky top:null left:0
for the rest: position:absolute or position:relative

[
  {
    "position": "sticky",
    "top": "0px",
    "left": null,
    "bottom": "auto",
    "right": "auto",
    "zIndex": "auto",
    "width": "auto",
    "height": "auto",
    "viewPath": "header",
    "viewParams": {},
    "style": {
      "classes": ""
    }
  },
  {
    "position": "sticky",
    "top": null,
    "left": "0px",
    "bottom": "auto",
    "right": "auto",
    "zIndex": "auto",
    "width": "auto",
    "height": "auto",
    "viewPath": "left",
    "viewParams": {},
    "style": {
      "classes": ""
    }
  },
  {
    "position": "absolute",
    "top": "50px",
    "left": "50px",
    "bottom": "auto",
    "right": "auto",
    "zIndex": "auto",
    "width": "auto",
    "height": "auto",
    "viewPath": "row",
    "viewParams": {},
    "style": {
      "classes": ""
    }
  }
]
1 Like