# Wijmo_React_Grid_Detail

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								wijmo.react.grid.detail Module
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>Contains React components for the <b>wijmo.grid.detail</b> module.</p>
								</div>
							</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>
												Variables
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-variable tsd-parent-kind-external-module"><a href="wijmo_react_grid_detail.html#flexgriddetail" class="tsd-kind-icon">Flex<wbr>Grid<wbr>Detail</a></li>
										</ul>
									</section>
								</div>
							</section>
						</section>
						<section class="tsd-panel-group tsd-member-group ">
							<h2>Variables</h2>
							<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-external-module">
								<a name="flexgriddetail" class="tsd-anchor"></a>
								<h3><span class="tsd-flag ts-flagConst">Const</span> FlexGridDetail</h3>
								<div class="tsd-signature tsd-kind-icon">Flex<wbr>Grid<wbr>Detail<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">WjForwardRefExoticComponent</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">FlexGridDetailProps</span><span class="tsd-signature-symbol">&gt;</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>React component for the <a href="../classes/wijmo_grid_detail.flexgriddetailprovider.html">wijmo.grid.detail.FlexGridDetailProvider</a> class.</p>
									</div>
									<p>The <b>flex-grid-detail</b> component should be contained in
									a <a href="wijmo_react_grid.html#flexgrid">wijmo.react.grid.FlexGrid</a> component.</p>
									<p>The component supports all properties and events of the pure JavaScript <a href="../classes/wijmo_grid_detail.flexgriddetailprovider.html">wijmo.grid.detail.FlexGridDetailProvider</a> class it represents.</p>
									<p>The component includes an <b>initialized</b> event that is raised when the control is initialized after it is added to the page.
										You can use this event to perform further initialization in addition to setting properties in JSX.
									The signature of the handler function is the same as any other Wijmo event handlers.</p>
									<p>The component includes a <b>template</b> property which is used to define template for detail row.
										The template is a function with single argument. The argument is a plain object with keys of
										<b>row</b> (the row to which detail row belongs),
										<b>item</b> (item data related to the row) and
									<b>provider</b> (FlexGrid control, owner of the row).</p>
								</div>
							</section>
						</section>
					</div>