# wijmo.vue2.grid.filter Module

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								wijmo.vue2.grid.filter Module
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>Contains Vue 2 and 3 components for the <b>wijmo.grid.filter</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_vue2_grid_filter.html#wjflexgridfilter" class="tsd-kind-icon">Wj<wbr>Flex<wbr>Grid<wbr>Filter</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="wjflexgridfilter" class="tsd-anchor"></a>
								<h3>WjFlexGridFilter</h3>
								<div class="tsd-signature tsd-kind-icon">Wj<wbr>Flex<wbr>Grid<wbr>Filter<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Vue component for the <a href="../classes/wijmo_grid_filter.flexgridfilter.html">wijmo.grid.filter.FlexGridFilter</a> class.</p>
									</div>
									<p>The <b>wj-flex-grid-filter</b> component should be contained in
									a <a href="wijmo_vue2_grid.html#wjflexgrid">wijmo.vue2.grid.WjFlexGrid</a> component.</p>
									<p>The component supports all properties and events of the pure JavaScript <a href="../classes/wijmo_grid_filter.flexgridfilter.html">wijmo.grid.filter.FlexGridFilter</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 markup.
									The signature of the handler function is the same as any other Wijmo event handlers.</p>
									<p>The example below shows how to instantiate and initialize a
									<a href="../classes/wijmo_grid_filter.flexgridfilter.html">wijmo.grid.filter.FlexGridFilter</a> control with a filter using Vue markup:</p>
									<pre>&lt;wj-flex-grid
  :items-source="data"&gt;
  &lt;wj-flex-grid-filter&gt;&lt;/wj-flex-grid-filter&gt;
&lt;/wj-flex-grid&gt;</pre>
								</div>
							</section>
						</section>
					</div>