# Wijmo_Grid

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								wijmo.grid Module
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>Defines the <a href="../classes/wijmo_grid.flexgrid.html">FlexGrid</a> control and associated classes.</p>
								</div>
								<p>The example below creates a <a href="../classes/wijmo_grid.flexgrid.html">FlexGrid</a> control and binds it to a
									'data' array. The grid has three columns, specified by explicitly
								populating the grid's <a href="../classes/wijmo_grid.flexgrid.html#columns">FlexGrid.columns</a> array.</p>
								<p><a href="/wijmo/demos/Grid/Data-binding/Basics/purejs" target="_blank">Example</a></p>
							</div>
						</section>
						<section class="tsd-index-group">
							<section class="tsd-index-panel">
								<div class="tsd-index-content">
									<section class="tsd-index-section ">
										<div class="title">
											<div class="gc_api_tree-item_icon_img_wrapper">
												<div class="gc_api_tree-item_icon_img" data-expand="true">
												</div>
											</div>
											<h3>
												Type aliases
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-type-alias tsd-parent-kind-external-module"><a href="wijmo_grid.html#icelltemplatefunction" class="tsd-kind-icon">ICell<wbr>Template<wbr>Function</a></li>
											<li class="tsd-kind-type-alias tsd-parent-kind-external-module"><a href="wijmo_grid.html#itextsearch" class="tsd-kind-icon">IText<wbr>Search</a></li>
										</ul>
									</section>
									<section class="tsd-index-section ">
										<div class="title">
											<div class="gc_api_tree-item_icon_img_wrapper">
												<div class="gc_api_tree-item_icon_img" data-expand="true">
												</div>
											</div>
											<h3>
												Classes
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_grid.celleditendingeventargs.html" class="tsd-kind-icon">Cell<wbr>Edit<wbr>Ending<wbr>Event<wbr>Args</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_grid.cellfactory.html" class="tsd-kind-icon">Cell<wbr>Factory</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_grid.cellrange.html" class="tsd-kind-icon">Cell<wbr>Range</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_grid.cellrangeeventargs.html" class="tsd-kind-icon">Cell<wbr>Range<wbr>Event<wbr>Args</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module tsd-has-type-parameter"><a href="../classes/wijmo_grid.column.html" class="tsd-kind-icon">Column</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_grid.columncollection.html" class="tsd-kind-icon">Column<wbr>Collection</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module tsd-has-type-parameter"><a href="../classes/wijmo_grid.columngroup.html" class="tsd-kind-icon">Column<wbr>Group</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_grid.columngroupcollection.html" class="tsd-kind-icon">Column<wbr>Group<wbr>Collection</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module tsd-has-type-parameter"><a href="../classes/wijmo_grid.datamap.html" class="tsd-kind-icon">Data<wbr>Map</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module tsd-has-type-parameter"><a href="../classes/wijmo_grid.flexgrid.html" class="tsd-kind-icon">Flex<wbr>Grid</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_grid.formatitemeventargs.html" class="tsd-kind-icon">Format<wbr>Item<wbr>Event<wbr>Args</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_grid.gridpanel.html" class="tsd-kind-icon">Grid<wbr>Panel</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module tsd-has-type-parameter"><a href="../classes/wijmo_grid.grouprow.html" class="tsd-kind-icon">Group<wbr>Row</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_grid.hittestinfo.html" class="tsd-kind-icon">Hit<wbr>Test<wbr>Info</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_grid.mergemanager.html" class="tsd-kind-icon">Merge<wbr>Manager</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_grid.overlaymanager.html" class="tsd-kind-icon">Overlay<wbr>Manager</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module tsd-has-type-parameter"><a href="../classes/wijmo_grid.row.html" class="tsd-kind-icon">Row</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module tsd-has-type-parameter"><a href="../classes/wijmo_grid.rowcol.html" class="tsd-kind-icon">Row<wbr>Col</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module tsd-has-type-parameter"><a href="../classes/wijmo_grid.rowcolcollection.html" class="tsd-kind-icon">Row<wbr>Col<wbr>Collection</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_grid.rowcollection.html" class="tsd-kind-icon">Row<wbr>Collection</a></li>
										</ul>
									</section>
									<section class="tsd-index-section ">
										<div class="title">
											<div class="gc_api_tree-item_icon_img_wrapper">
												<div class="gc_api_tree-item_icon_img" data-expand="true">
												</div>
											</div>
											<h3>
												Interfaces
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-interface tsd-parent-kind-external-module"><a href="../interfaces/wijmo_grid.icelltemplatecontext.html" class="tsd-kind-icon">ICell<wbr>Template<wbr>Context</a></li>
											<li class="tsd-kind-interface tsd-parent-kind-external-module"><a href="../interfaces/wijmo_grid.igridfreezeoptions.html" class="tsd-kind-icon">IGrid<wbr>Freeze<wbr>Options</a></li>
										</ul>
									</section>
									<section class="tsd-index-section ">
										<div class="title">
											<div class="gc_api_tree-item_icon_img_wrapper">
												<div class="gc_api_tree-item_icon_img" data-expand="true">
												</div>
											</div>
											<h3>
												Enumerations
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_grid.allowdragging.html" class="tsd-kind-icon">Allow<wbr>Dragging</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_grid.allowmerging.html" class="tsd-kind-icon">Allow<wbr>Merging</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_grid.allowpinning.html" class="tsd-kind-icon">Allow<wbr>Pinning</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_grid.allowresizing.html" class="tsd-kind-icon">Allow<wbr>Resizing</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_grid.allowsorting.html" class="tsd-kind-icon">Allow<wbr>Sorting</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_grid.autosizemode.html" class="tsd-kind-icon">Auto<wbr>Size<wbr>Mode</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_grid.celltype.html" class="tsd-kind-icon">Cell<wbr>Type</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_grid.clipstringoptions.html" class="tsd-kind-icon">Clip<wbr>String<wbr>Options</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_grid.datamapeditor.html" class="tsd-kind-icon">Data<wbr>Map<wbr>Editor</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_grid.frozenrowcol.html" class="tsd-kind-icon">Frozen<wbr>Row<wbr>Col</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_grid.groupsummaryposition.html" class="tsd-kind-icon">Group<wbr>Summary<wbr>Position</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_grid.headersfocusability.html" class="tsd-kind-icon">Headers<wbr>Focusability</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_grid.headersvisibility.html" class="tsd-kind-icon">Headers<wbr>Visibility</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_grid.keyaction.html" class="tsd-kind-icon">Key<wbr>Action</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_grid.rowcolflags.html" class="tsd-kind-icon">Row<wbr>Col<wbr>Flags</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_grid.selmove.html" class="tsd-kind-icon">Sel<wbr>Move</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_grid.selectedstate.html" class="tsd-kind-icon">Selected<wbr>State</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_grid.selectionmode.html" class="tsd-kind-icon">Selection<wbr>Mode</a></li>
											<li class="tsd-kind-enum tsd-parent-kind-external-module"><a href="../enums/wijmo_grid.sortorder.html" class="tsd-kind-icon">Sort<wbr>Order</a></li>
										</ul>
									</section>
								</div>
							</section>
						</section>
						<section class="tsd-panel-group tsd-member-group ">
							<h2>Type aliases</h2>
							<section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-external-module">
								<a name="icelltemplatefunction" class="tsd-anchor"></a>
								<h3>ICellTemplateFunction</h3>
								<div class="tsd-signature tsd-kind-icon">ICell<wbr>Template<wbr>Function<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Object</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Represents a function that takes an <a href="../interfaces/wijmo_grid.icelltemplatecontext.html">ICellTemplateContext</a>
											object and returns an HTML string to be used as content for a
										cell.</p>
									</div>
									<p>Alternatively, the function may modify the content of the cell element
										directly and return null to indicate the cell element should not be
									modified.</p>
									<dl class="tsd-comment-tags">
										<dt>param   </dt>
										<dd><p><a href="../interfaces/wijmo_grid.icelltemplatecontext.html">ICellTemplateContext</a> object that contains information about the cell.</p>
										</dd>
										<dt>param   </dt>
										<dd><p><strong>HTMLElement</strong> that represents the cell.</p>
										</dd>
										<dt>returns   </dt>
										<dd><p>A template string built using the context, or null to indicate the function
											updated the cell element and it should not be modified by the grid.</p>
										</dd>
									</dl>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-external-module">
								<a name="itextsearch" class="tsd-anchor"></a>
								<h3>ITextSearch</h3>
								<div class="tsd-signature tsd-kind-icon">IText<wbr>Search<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Object</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Represents a function that matches text against a search string.</p>
									</div>
									<dl class="tsd-comment-tags">
										<dt>param   </dt>
										<dd><p>Text to test.</p>
										</dd>
										<dt>param   </dt>
										<dd><p>Search string.</p>
										</dd>
										<dt>returns   </dt>
										<dd><p>true if the text satisfies the search text, false otherwise.</p>
										</dd>
									</dl>
								</div>
							</section>
						</section>
					</div>