Walkframe docAboutAbout
GitHubGitHub (opens in a new tab)
  • Introduction
  • covertable
    • Advanced
    • Development
    • History
    • Index
    • Examples
      • Pict Constraints
  • d2a
    • Config
    • Index
    • features
      • Autoload
      • Codegen
      • Shortcut
    • history
      • 0.x
      • 1.x
      • 2.x
      • 3.x
      • Index
  • gridsheet
    • History
    • React
    • Examples
      • React Case1
      • React Case2
      • React Case3
      • React Case4
      • React Case5
  • react-ipynb-renderer
    • History
    • Index
    • Migration
    • Options
    • Theme
    • Examples
      • Chesterish
      • Dark
      • Darkbronco
      • Default
      • Dorkula
      • Grade3
      • Gruvboxd
      • Gruvboxl
      • Monokai
      • Oceans16
      • Solarizedd
      • Solarizedl
  • Introduction
  • About
  • covertable
    • Advanced
    • Development
    • History
    • Index
    • Examples
      • Pict Constraints
  • d2a
    • Config
    • Index
    • features
      • Autoload
      • Codegen
      • Shortcut
    • history
      • 0.x
      • 1.x
      • 2.x
      • 3.x
      • Index
  • gridsheet
    • History
    • React
    • Examples
      • React Case1
        • Source code
      • React Case2
      • React Case3
      • React Case4
      • React Case5
  • react-ipynb-renderer
    • History
    • Index
    • Migration
    • Options
    • Theme
    • Examples
      • Chesterish
      • Dark
      • Darkbronco
      • Default
      • Dorkula
      • Grade3
      • Gruvboxd
      • Gruvboxl
      • Monokai
      • Oceans16
      • Solarizedd
      • Solarizedl
  • Contact ↗ (opens in a new tab)

On This Page

  • Source code
Question? Give us feedback → (opens in a new tab)Edit this page
gridsheet
Examples
React Case1

Simple example with formula


Sheet name:
reference points are readonly.

Sheet name:
Ranks are derived using the HLOOKUP function with a criteria sheet.

Sheet name:

Source code

Loading...
  • Support formula

    • Ref

    • Absolute Ref

    • functions

      • custom function
  • Cell config:

    • options.cells[column].width: Column width.
    • options.cells[column].style: Cell style in the column.
ReactReact Case2

Walkframe powered by Nextra