react-konva-grid
Version:
Declarative React Canvas Grid primitive for Data table, Pivot table, Excel Worksheets
839 lines • 52.4 kB
HTML
<!doctype html>
<html class="default no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>GridProps | react-konva-grid</title>
<meta name="description" content="Documentation for react-konva-grid">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../assets/css/main.css">
</head>
<body>
<header>
<div class="tsd-page-toolbar">
<div class="container">
<div class="table-wrap">
<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
<div class="field">
<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
<input id="tsd-search-field" type="text" />
</div>
<ul class="results">
<li class="state loading">Preparing search index...</li>
<li class="state failure">The search index is not available</li>
</ul>
<a href="../index.html" class="title">react-konva-grid</a>
</div>
<div class="table-cell" id="tsd-widgets">
<div id="tsd-filter">
<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
<div class="tsd-filter-group">
<div class="tsd-select" id="tsd-filter-visibility">
<span class="tsd-select-label">All</span>
<ul class="tsd-select-list">
<li data-value="public">Public</li>
<li data-value="protected">Public/Protected</li>
<li data-value="private" class="selected">All</li>
</ul>
</div>
<input type="checkbox" id="tsd-filter-inherited" checked />
<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
<input type="checkbox" id="tsd-filter-externals" checked />
<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
<input type="checkbox" id="tsd-filter-only-exported" />
<label class="tsd-widget" for="tsd-filter-only-exported">Only exported</label>
</div>
</div>
<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
</div>
</div>
</div>
</div>
<div class="tsd-page-title">
<div class="container">
<ul class="tsd-breadcrumb">
<li>
<a href="../globals.html">Globals</a>
</li>
<li>
<a href="../modules/_grid_.html">"Grid"</a>
</li>
<li>
<a href="_grid_.gridprops.html">GridProps</a>
</li>
</ul>
<h1>Interface GridProps</h1>
</div>
</div>
</header>
<div class="container container-main">
<div class="row">
<div class="col-8 col-content">
<section class="tsd-panel tsd-hierarchy">
<h3>Hierarchy</h3>
<ul class="tsd-hierarchy">
<li>
<span class="target">GridProps</span>
</li>
</ul>
</section>
<section class="tsd-panel-group tsd-index-group">
<h2>Index</h2>
<section class="tsd-panel tsd-index-panel">
<div class="tsd-index-content">
<section class="tsd-index-section ">
<h3>Properties</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#activecell" class="tsd-kind-icon">active<wbr>Cell</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#activecellstrokewidth" class="tsd-kind-icon">active<wbr>Cell<wbr>Stroke<wbr>Width</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#borderstyles" class="tsd-kind-icon">border<wbr>Styles</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#children" class="tsd-kind-icon">children</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#columncount" class="tsd-kind-icon">column<wbr>Count</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#columnwidth" class="tsd-kind-icon">column<wbr>Width</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#estimatedcolumnwidth" class="tsd-kind-icon">estimated<wbr>Column<wbr>Width</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#estimatedrowheight" class="tsd-kind-icon">estimated<wbr>Row<wbr>Height</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#frozencolumns" class="tsd-kind-icon">frozen<wbr>Columns</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#frozenrows" class="tsd-kind-icon">frozen<wbr>Rows</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#height" class="tsd-kind-icon">height</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#itemrenderer" class="tsd-kind-icon">item<wbr>Renderer</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#mergedcells" class="tsd-kind-icon">merged<wbr>Cells</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#onbeforerenderrow" class="tsd-kind-icon">on<wbr>Before<wbr>Render<wbr>Row</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#onscroll" class="tsd-kind-icon">on<wbr>Scroll</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#onviewchange" class="tsd-kind-icon">on<wbr>View<wbr>Change</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#rowcount" class="tsd-kind-icon">row<wbr>Count</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#rowheight" class="tsd-kind-icon">row<wbr>Height</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#scrollthrottletimeout" class="tsd-kind-icon">scroll<wbr>Throttle<wbr>Timeout</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#scrollbarsize" class="tsd-kind-icon">scrollbar<wbr>Size</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#selectionbackgroundcolor" class="tsd-kind-icon">selection<wbr>Background<wbr>Color</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#selectionbordercolor" class="tsd-kind-icon">selection<wbr>Border<wbr>Color</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#selectionrenderer" class="tsd-kind-icon">selection<wbr>Renderer</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#selectionstrokewidth" class="tsd-kind-icon">selection<wbr>Stroke<wbr>Width</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#selections" class="tsd-kind-icon">selections</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#shadowsettings" class="tsd-kind-icon">shadow<wbr>Settings</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#showfrozenshadow" class="tsd-kind-icon">show<wbr>Frozen<wbr>Shadow</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#showscrollbar" class="tsd-kind-icon">show<wbr>Scrollbar</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#snap" class="tsd-kind-icon">snap</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#stageprops" class="tsd-kind-icon">stage<wbr>Props</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#width" class="tsd-kind-icon">width</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="_grid_.gridprops.html#wrapper" class="tsd-kind-icon">wrapper</a></li>
</ul>
</section>
</div>
</section>
</section>
<section class="tsd-panel-group tsd-member-group ">
<h2>Properties</h2>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="activecell" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> active<wbr>Cell</h3>
<div class="tsd-signature tsd-kind-icon">active<wbr>Cell<span class="tsd-signature-symbol">:</span> <a href="_grid_.cellinterface.html" class="tsd-signature-type">CellInterface</a></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L90">src/Grid.tsx:90</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Currently active cell</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="activecellstrokewidth" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> active<wbr>Cell<wbr>Stroke<wbr>Width</h3>
<div class="tsd-signature tsd-kind-icon">active<wbr>Cell<wbr>Stroke<wbr>Width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L106">src/Grid.tsx:106</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Active Cell Stroke width</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="borderstyles" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> border<wbr>Styles</h3>
<div class="tsd-signature tsd-kind-icon">border<wbr>Styles<span class="tsd-signature-symbol">:</span> <a href="../modules/_grid_.html#stylingprops" class="tsd-signature-type">StylingProps</a></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L142">src/Grid.tsx:142</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Cell styles for border</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="children" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> children</h3>
<div class="tsd-signature tsd-kind-icon">children<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="../modules/_grid_.html#scrollcoords" class="tsd-signature-type">ScrollCoords</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">React.ReactNode</span><span class="tsd-signature-symbol">)</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L163">src/Grid.tsx:163</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Custom grid overlays</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="columncount" class="tsd-anchor"></a>
<h3>column<wbr>Count</h3>
<div class="tsd-signature tsd-kind-icon">column<wbr>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L54">src/Grid.tsx:54</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>No of columns in the grid</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="columnwidth" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> column<wbr>Width</h3>
<div class="tsd-signature tsd-kind-icon">column<wbr>Width<span class="tsd-signature-symbol">:</span> <a href="../modules/_grid_.html#itemsizer" class="tsd-signature-type">ItemSizer</a></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L66">src/Grid.tsx:66</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Should return width of a column at an index</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="estimatedcolumnwidth" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> estimated<wbr>Column<wbr>Width</h3>
<div class="tsd-signature tsd-kind-icon">estimated<wbr>Column<wbr>Width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L74">src/Grid.tsx:74</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Helps in lazy grid width calculation</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="estimatedrowheight" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> estimated<wbr>Row<wbr>Height</h3>
<div class="tsd-signature tsd-kind-icon">estimated<wbr>Row<wbr>Height<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L78">src/Grid.tsx:78</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Helps in lazy grid height calculation</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="frozencolumns" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> frozen<wbr>Columns</h3>
<div class="tsd-signature tsd-kind-icon">frozen<wbr>Columns<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L122">src/Grid.tsx:122</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Number of frozen columns</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="frozenrows" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> frozen<wbr>Rows</h3>
<div class="tsd-signature tsd-kind-icon">frozen<wbr>Rows<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L118">src/Grid.tsx:118</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Number of frozen rows</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="height" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> height</h3>
<div class="tsd-signature tsd-kind-icon">height<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L50">src/Grid.tsx:50</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Height of the grid</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="itemrenderer" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> item<wbr>Renderer</h3>
<div class="tsd-signature tsd-kind-icon">item<wbr>Renderer<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="_grid_.rendererprops.html" class="tsd-signature-type">RendererProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">React.ReactNode</span><span class="tsd-signature-symbol">)</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L146">src/Grid.tsx:146</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Cell renderer. Must be a Konva Component eg: Group, Rect etc</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="mergedcells" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> merged<wbr>Cells</h3>
<div class="tsd-signature tsd-kind-icon">merged<wbr>Cells<span class="tsd-signature-symbol">:</span> <a href="_grid_.areaprops.html" class="tsd-signature-type">AreaProps</a><span class="tsd-signature-symbol">[]</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L114">src/Grid.tsx:114</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Array of merged cells</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="onbeforerenderrow" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> on<wbr>Before<wbr>Render<wbr>Row</h3>
<div class="tsd-signature tsd-kind-icon">on<wbr>Before<wbr>Render<wbr>Row<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>rowIndex<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L159">src/Grid.tsx:159</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Called right before a row is being rendered.
Will be called for frozen cells and merged cells</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="onscroll" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> on<wbr>Scroll</h3>
<div class="tsd-signature tsd-kind-icon">on<wbr>Scroll<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>scrollLeft<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>scrollTop<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L82">src/Grid.tsx:82</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Called when user scrolls the grid</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="onviewchange" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> on<wbr>View<wbr>Change</h3>
<div class="tsd-signature tsd-kind-icon">on<wbr>View<wbr>Change<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>view<span class="tsd-signature-symbol">: </span><a href="_grid_.viewportprops.html" class="tsd-signature-type">ViewPortProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L154">src/Grid.tsx:154</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Fired when scroll viewport changes</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="rowcount" class="tsd-anchor"></a>
<h3>row<wbr>Count</h3>
<div class="tsd-signature tsd-kind-icon">row<wbr>Count<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L58">src/Grid.tsx:58</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>No of rows in the grid</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="rowheight" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> row<wbr>Height</h3>
<div class="tsd-signature tsd-kind-icon">row<wbr>Height<span class="tsd-signature-symbol">:</span> <a href="../modules/_grid_.html#itemsizer" class="tsd-signature-type">ItemSizer</a></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L62">src/Grid.tsx:62</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Should return height of a row at an index</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="scrollthrottletimeout" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> scroll<wbr>Throttle<wbr>Timeout</h3>
<div class="tsd-signature tsd-kind-icon">scroll<wbr>Throttle<wbr>Timeout<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L138">src/Grid.tsx:138</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Scroll throttle wait timeout</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="scrollbarsize" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> scrollbar<wbr>Size</h3>
<div class="tsd-signature tsd-kind-icon">scrollbar<wbr>Size<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L70">src/Grid.tsx:70</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Size of the scrollbar. Default is 13</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="selectionbackgroundcolor" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> selection<wbr>Background<wbr>Color</h3>
<div class="tsd-signature tsd-kind-icon">selection<wbr>Background<wbr>Color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L94">src/Grid.tsx:94</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Background of selection</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="selectionbordercolor" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> selection<wbr>Border<wbr>Color</h3>
<div class="tsd-signature tsd-kind-icon">selection<wbr>Border<wbr>Color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L98">src/Grid.tsx:98</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Border color of selected area</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="selectionrenderer" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> selection<wbr>Renderer</h3>
<div class="tsd-signature tsd-kind-icon">selection<wbr>Renderer<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="_grid_.selectionprops.html" class="tsd-signature-type">SelectionProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">React.ReactNode</span><span class="tsd-signature-symbol">)</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L150">src/Grid.tsx:150</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Allow users to customize selected cells design</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="selectionstrokewidth" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> selection<wbr>Stroke<wbr>Width</h3>
<div class="tsd-signature tsd-kind-icon">selection<wbr>Stroke<wbr>Width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L102">src/Grid.tsx:102</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Stroke width of the selection</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="selections" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> selections</h3>
<div class="tsd-signature tsd-kind-icon">selections<span class="tsd-signature-symbol">:</span> <a href="_grid_.selectionarea.html" class="tsd-signature-type">SelectionArea</a><span class="tsd-signature-symbol">[]</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L110">src/Grid.tsx:110</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Array of selected cell areas</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="shadowsettings" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> shadow<wbr>Settings</h3>
<div class="tsd-signature tsd-kind-icon">shadow<wbr>Settings<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ShapeConfig</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L134">src/Grid.tsx:134</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Shadow settings</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="showfrozenshadow" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> show<wbr>Frozen<wbr>Shadow</h3>
<div class="tsd-signature tsd-kind-icon">show<wbr>Frozen<wbr>Shadow<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L130">src/Grid.tsx:130</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Show shadow as you scroll for frozen rows and columns</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="showscrollbar" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> show<wbr>Scrollbar</h3>
<div class="tsd-signature tsd-kind-icon">show<wbr>Scrollbar<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L86">src/Grid.tsx:86</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Show scrollbars on the left and right of the grid</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="snap" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> snap</h3>
<div class="tsd-signature tsd-kind-icon">snap<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L126">src/Grid.tsx:126</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Snap to row and column when scrolling</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="stageprops" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> stage<wbr>Props</h3>
<div class="tsd-signature tsd-kind-icon">stage<wbr>Props<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">StageConfig</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"container"</span><span class="tsd-signature-symbol">></span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L171">src/Grid.tsx:171</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Props that can be injected to Konva stage</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="width" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> width</h3>
<div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L46">src/Grid.tsx:46</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Width of the grid</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="wrapper" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> wrapper</h3>
<div class="tsd-signature tsd-kind-icon">wrapper<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">React.ReactNode</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">React.ReactNode</span><span class="tsd-signature-symbol">)</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/rmdort/konva-grid/blob/41d9546/src/Grid.tsx#L167">src/Grid.tsx:167</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Allows users to Wrap stage children in Top level Context</p>
</div>
</div>
</section>
</section>
</div>
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
<nav class="tsd-navigation primary">
<ul>
<li class="globals ">
<a href="../globals.html"><em>Globals</em></a>
</li>
<li class=" tsd-kind-module">
<a href="../modules/_cell_.html">"<wbr>Cell"</a>
</li>
<li class="current tsd-kind-module">
<a href="../modules/_grid_.html">"<wbr>Grid"</a>
</li>
<li class=" tsd-kind-module">
<a href="../modules/_helpers_.html">"helpers"</a>
</li>
<li class=" tsd-kind-module">
<a href="../modules/_hooks_useautosizer_.html">"hooks/use<wbr>Auto<wbr>Sizer"</a>
</li>
<li class=" tsd-kind-module">
<a href="../modules/_hooks_usecopypaste_.html">"hooks/use<wbr>Copy<wbr>Paste"</a>
</li>
<li class=" tsd-kind-module">
<a href="../modules/_hooks_useeditable_.html">"hooks/use<wbr>Editable"</a>
</li>
<li class=" tsd-kind-module">
<a href="../modules/_hooks_usepagination_.html">"hooks/use<wbr>Pagination"</a>
</li>
<li class=" tsd-kind-module">
<a href="../modules/_hooks_useselection_.html">"hooks/use<wbr>Selection"</a>
</li>
<li class=" tsd-kind-module">
<a href="../modules/_hooks_usetooltip_.html">"hooks/use<wbr>Tooltip"</a>
</li>
<li class=" tsd-kind-module">
<a href="../modules/_index_.html">"index"</a>
</li>
<li class=" tsd-kind-module">
<a href="../modules/_types_.html">"types"</a>
</li>
<li class=" tsd-kind-module">
<a href="../modules/_utils_.html">"utils"</a>
</li>
</ul>
</nav>
<nav class="tsd-navigation secondary menu-sticky">
<ul class="before-current">
<li class=" tsd-kind-interface tsd-parent-kind-module">
<a href="_grid_.areaprops.html" class="tsd-kind-icon">Area<wbr>Props</a>
</li>
<li class=" tsd-kind-interface tsd-parent-kind-module">
<a href="_grid_.areastyle.html" class="tsd-kind-icon">Area<wbr>Style</a>
</li>
<li class=" tsd-kind-interface tsd-parent-kind-module">
<a href="_grid_.cellinterface.html" class="tsd-kind-icon">Cell<wbr>Interface</a>
</li>
<li class=" tsd-kind-interface tsd-parent-kind-module">
<a href="_grid_.cellposition.html" class="tsd-kind-icon">Cell<wbr>Position</a>
</li>
</ul>
<ul class="current">
<li class="current tsd-kind-interface tsd-parent-kind-module">
<a href="_grid_.gridprops.html" class="tsd-kind-icon">Grid<wbr>Props</a>
<ul>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#activecell" class="tsd-kind-icon">active<wbr>Cell</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#activecellstrokewidth" class="tsd-kind-icon">active<wbr>Cell<wbr>Stroke<wbr>Width</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#borderstyles" class="tsd-kind-icon">border<wbr>Styles</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#children" class="tsd-kind-icon">children</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#columncount" class="tsd-kind-icon">column<wbr>Count</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#columnwidth" class="tsd-kind-icon">column<wbr>Width</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#estimatedcolumnwidth" class="tsd-kind-icon">estimated<wbr>Column<wbr>Width</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#estimatedrowheight" class="tsd-kind-icon">estimated<wbr>Row<wbr>Height</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#frozencolumns" class="tsd-kind-icon">frozen<wbr>Columns</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#frozenrows" class="tsd-kind-icon">frozen<wbr>Rows</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#height" class="tsd-kind-icon">height</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#itemrenderer" class="tsd-kind-icon">item<wbr>Renderer</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#mergedcells" class="tsd-kind-icon">merged<wbr>Cells</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#onbeforerenderrow" class="tsd-kind-icon">on<wbr>Before<wbr>Render<wbr>Row</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#onscroll" class="tsd-kind-icon">on<wbr>Scroll</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#onviewchange" class="tsd-kind-icon">on<wbr>View<wbr>Change</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#rowcount" class="tsd-kind-icon">row<wbr>Count</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#rowheight" class="tsd-kind-icon">row<wbr>Height</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#scrollthrottletimeout" class="tsd-kind-icon">scroll<wbr>Throttle<wbr>Timeout</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#scrollbarsize" class="tsd-kind-icon">scrollbar<wbr>Size</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#selectionbackgroundcolor" class="tsd-kind-icon">selection<wbr>Background<wbr>Color</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#selectionbordercolor" class="tsd-kind-icon">selection<wbr>Border<wbr>Color</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#selectionrenderer" class="tsd-kind-icon">selection<wbr>Renderer</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#selectionstrokewidth" class="tsd-kind-icon">selection<wbr>Stroke<wbr>Width</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#selections" class="tsd-kind-icon">selections</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#shadowsettings" class="tsd-kind-icon">shadow<wbr>Settings</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#showfrozenshadow" class="tsd-kind-icon">show<wbr>Frozen<wbr>Shadow</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#showscrollbar" class="tsd-kind-icon">show<wbr>Scrollbar</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#snap" class="tsd-kind-icon">snap</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#stageprops" class="tsd-kind-icon">stage<wbr>Props</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#width" class="tsd-kind-icon">width</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="_grid_.gridprops.html#wrapper" class="tsd-kind-icon">wrapper</a>
</li>
</ul>
</li>
</ul>
<ul class="after-current">
<li class=" tsd-kind-interface tsd-parent-kind-module">
<a href="_grid_.instanceinterface.html" class="tsd-kind-icon">Instance<wbr>Interface</a>
</li>
<li class=" tsd-kind-interface tsd-parent-kind-module">
<a href="_grid_.optionalcellinterface.html" class="tsd-kind-icon">Optional<wbr>Cell<wbr>Interface</a>
</li>
<li class=" tsd-kind-interface tsd-parent-kind-module">
<a href="_grid_.rendererprops.html" class="tsd-kind-icon">Renderer<wbr>Props</a>
</li>
<li class=" tsd-kind-interface tsd-parent-kind-module">
<a href="_grid_.scrollstate.html" class="tsd-kind-icon">Scroll<wbr>State</a>
</li>
<li class=" tsd-kind-interface tsd-parent-kind-module">
<a href="_grid_.selectionarea.html" class="tsd-kind-icon">Selection<wbr>Area</a>
</li>
<li class=" tsd-kind-interface tsd-parent-kind-module">
<a href="_grid_.selectionprops.html" class="tsd-kind-icon">Selection<wbr>Props</a>
</li>
<li class=" tsd-kind-interface tsd-parent-kind-module">
<a href="_grid_.snapcolumnprops.html" class="tsd-kind-icon">Snap<wbr>Column<wbr>Props</a>
</li>
<li class=" tsd-kind-interface tsd-parent-kind-module">
<a href="_grid_.snaprowprops.html" class="tsd-kind-icon">Snap<wbr>Row<wbr>Props</a>
</li>
<li class=" tsd-kind-interface tsd-parent-kind-module">
<a href="_grid_.viewportprops.html" class="tsd-kind-icon">View<wbr>Port<wbr>Props</a>
</li>
<li class=" tsd-kind-type-alias tsd-parent-kind-module">
<a href="../modules/_grid_.html#cellmetadata" class="tsd-kind-icon">Cell<wbr>Meta<wbr>Data</a>
</li>
<li class=" tsd-kind-type-alias tsd-parent-kind-module">
<a href="../modules/_grid_.html#cellmetadatamap" class="tsd-kind-icon">Cell<wbr>Meta<wbr>Data<wbr>Map</a>
</li>
<li class=" tsd-kind-type-alias tsd-parent-kind-module">
<a href="../modules/_grid_.html#gridref" class="tsd-kind-icon">Grid<wbr>Ref</a>
</li>
<li class=" tsd-kind-type-alias tsd-parent-kind-module">
<a href="../modules/_grid_.html#itemsizer" class="tsd-kind-icon">Item<wbr>Sizer</a>
</li>
<li class=" tsd-kind-type-alias tsd-parent-kind-module">
<a href="../modules/_grid_.html#mergedcellmap" class="tsd-kind-icon">Merged<wbr>Cell<wbr>Map</a>
</li>
<li class=" tsd-kind-type-alias tsd-parent-kind-module tsd-has-type-parameter">
<a href="../modules/_grid_.html#optional" class="tsd-kind-icon">Optional</a>
</li>
<li class=" tsd-kind-type-alias tsd-parent-kind-module">
<a href="../modules/_grid_.html#optionalscrollcoords" class="tsd-kind-icon">Optional<wbr>Scroll<wbr>Coords</a>
</li>
<li class=" tsd-kind-type-alias tsd-parent-kind-module">
<a href="../modules/_grid_.html#refattribute" class="tsd-kind-icon">Ref<wbr>Attribute</a>
</li>
<li class=" tsd-kind-type-alias tsd-parent-kind-module">
<a href="../modules/_grid_.html#rendercomponent" class="tsd-kind-icon">Render<wbr>Component</a>
</li>
<li class=" tsd-kind-type-alias tsd-parent-kind-module">
<a href="../modules/_grid_.html#scrollcoords" class="tsd-kind-icon">Scroll<wbr>Coords</a>
</li>
<li class=" tsd-kind-type-alias tsd-parent-kind-module">
<a href="../modules/_grid_.html#stylingprops" class="tsd-kind-icon">Styling<wbr>Props</a>
</li>
<li class=" tsd-kind-variable tsd-parent-kind-module tsd-is-not-exported">
<a href="../modules/_grid_.html#default_estimated_item_size" class="tsd-kind-icon">DEFAULT_<wbr>ESTIMATED_<wbr>ITEM_<wbr>SIZE</a>
</li>
<li class=" tsd-kind-variable tsd-parent-kind-module">
<a href="../modules/_grid_.html#grid" class="tsd-kind-icon">Grid</a>
</li>
<li class=" tsd-kind-variable tsd-parent-kind-module tsd-is-not-exported">
<a href="../modules/_grid_.html#reset_scroll_events_debounce_interval" class="tsd-kind-icon">RESET_<wbr>SCROLL_<wbr>EVENTS_