# Wijmo_Grid.Igridfreezeoptions

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								IGridFreezeOptions Interface
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>Specifies the frozen options for FlexGrid based controls.
										The frozen cells feature allows users to freeze rows and columns on all four sides of the grid.
									This interface defines the structure for specifying the number of frozen rows and columns.</p>
								</div>
								<p>When specifying frozen cells, consider the following:</p>
								<ul>
									<li>You can freeze cells on both the horizontal (left and right) and vertical (top and bottom) axes simultaneously.</li>
									<li>However, for each axis, you can only freeze from one side at a time. For example, if both 'left' and 'right' are set, only the last one set will take effect.</li>
									<li>The same applies to 'top' and 'bottom' - only the last one set will be applied.</li>
								</ul>
								<p>Freeze 2 rows at the top and 3 columns on the left
								grid.frozenCells = { top: 2, left: 3 };</p>
								<p>Freeze 1 row at the bottom and 2 columns on the right
								grid.frozenCells = { bottom: 1, right: 2 };</p>
							</div>
						</section>
						<section class="tsd-hierarchy">
							<h3>Heirarchy</h3>
							<ul class="tsd-hierarchy">
								<li>
									<span class="target">IGridFreezeOptions</span>
								</li>
							</ul>
						</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>
												Properties
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-property tsd-parent-kind-interface"><a href="wijmo_grid.igridfreezeoptions.html#bottom" class="tsd-kind-icon">bottom</a></li>
											<li class="tsd-kind-property tsd-parent-kind-interface"><a href="wijmo_grid.igridfreezeoptions.html#left" class="tsd-kind-icon">left</a></li>
											<li class="tsd-kind-property tsd-parent-kind-interface"><a href="wijmo_grid.igridfreezeoptions.html#right" class="tsd-kind-icon">right</a></li>
											<li class="tsd-kind-property tsd-parent-kind-interface"><a href="wijmo_grid.igridfreezeoptions.html#top" class="tsd-kind-icon">top</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="bottom" class="tsd-anchor"></a>
								<h3><span class="tsd-flag ts-flagOptional">Optional</span> bottom</h3>
								<div class="tsd-signature tsd-kind-icon">bottom<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>The number of rows to freeze at the bottom of the grid.
										These rows will remain visible when scrolling vertically.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
								<a name="left" class="tsd-anchor"></a>
								<h3><span class="tsd-flag ts-flagOptional">Optional</span> left</h3>
								<div class="tsd-signature tsd-kind-icon">left<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>The number of columns to freeze on the left side of the grid.
										These columns will remain visible when scrolling horizontally.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
								<a name="right" class="tsd-anchor"></a>
								<h3><span class="tsd-flag ts-flagOptional">Optional</span> right</h3>
								<div class="tsd-signature tsd-kind-icon">right<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>The number of columns to freeze on the right side of the grid.
										These columns will remain visible when scrolling horizontally.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
								<a name="top" class="tsd-anchor"></a>
								<h3><span class="tsd-flag ts-flagOptional">Optional</span> top</h3>
								<div class="tsd-signature tsd-kind-icon">top<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>The number of rows to freeze at the top of the grid.
										These rows will remain visible when scrolling vertically.</p>
									</div>
								</div>
							</section>
						</section>
					</div>