# Wijmo_Grid_Filter.Columnfilter

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								ColumnFilter Class
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>Defines a filter for a column on a <a href="wijmo_grid.flexgrid.html">FlexGrid</a> control.</p>
								</div>
								<p>The <a href="wijmo_grid_filter.columnfilter.html">ColumnFilter</a> contains a <a href="wijmo_grid_filter.conditionfilter.html">ConditionFilter</a> and a
								<a href="wijmo_grid_filter.valuefilter.html">ValueFilter</a>; only one of them may be active at a time.</p>
								<p>This class is used by the <a href="wijmo_grid_filter.flexgridfilter.html">FlexGridFilter</a> class; you
								rarely use it directly.</p>
							</div>
						</section>
						<section class="tsd-hierarchy">
							<h3>Heirarchy</h3>
							<ul class="tsd-hierarchy">
								<li>
									<span class="target">ColumnFilter</span>
									<ul class="tsd-hierarchy">
										<li>
											<a href="wijmo_grid_sheet.flexsheetcolumnfilter.html" class="tsd-signature-type">FlexSheetColumnFilter</a>
										</li>
									</ul>
								</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>
												Constructors
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="wijmo_grid_filter.columnfilter.html#constructor" class="tsd-kind-icon">constructor</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>
												Properties
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_grid_filter.columnfilter.html#arialabel" class="tsd-kind-icon">aria<wbr>Label</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_grid_filter.columnfilter.html#column" class="tsd-kind-icon">column</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_grid_filter.columnfilter.html#conditionfilter" class="tsd-kind-icon">condition<wbr>Filter</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_grid_filter.columnfilter.html#datamap" class="tsd-kind-icon">data<wbr>Map</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_grid_filter.columnfilter.html#filtermode" class="tsd-kind-icon">filter<wbr>Mode</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_grid_filter.columnfilter.html#filtertype" class="tsd-kind-icon">filter<wbr>Type</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_grid_filter.columnfilter.html#isactive" class="tsd-kind-icon">is<wbr>Active</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_grid_filter.columnfilter.html#valuefilter" class="tsd-kind-icon">value<wbr>Filter</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>
												Methods
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-method tsd-parent-kind-class"><a href="wijmo_grid_filter.columnfilter.html#apply" class="tsd-kind-icon">apply</a></li>
											<li class="tsd-kind-method tsd-parent-kind-class"><a href="wijmo_grid_filter.columnfilter.html#clear" class="tsd-kind-icon">clear</a></li>
											<li class="tsd-kind-method tsd-parent-kind-class"><a href="wijmo_grid_filter.columnfilter.html#implementsinterface" class="tsd-kind-icon">implements<wbr>Interface</a></li>
										</ul>
									</section>
								</div>
							</section>
						</section>
						<section class="tsd-panel-group tsd-member-group ">
							<h2>Constructors</h2>
							<section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class">
								<a name="constructor" class="tsd-anchor"></a>
								<h3>constructor</h3>
								<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
									<li class="tsd-signature tsd-kind-icon">new <wbr>Column<wbr>Filter<span class="tsd-signature-symbol">(</span>owner<span class="tsd-signature-symbol">: </span><a href="wijmo_grid_filter.flexgridfilter.html" class="tsd-signature-type">FlexGridFilter</a>, column<span class="tsd-signature-symbol">: </span><a href="wijmo_grid.column.html" class="tsd-signature-type">Column</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="wijmo_grid_filter.columnfilter.html" class="tsd-signature-type">ColumnFilter</a></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>Initializes a new instance of the <a href="wijmo_grid_filter.columnfilter.html">ColumnFilter</a> class.</p>
											</div>
										</div>
										<h4 class="tsd-parameters-title">Parameters</h4>
										<ul class="tsd-parameters">
											<li>
												<h5>owner: <a href="wijmo_grid_filter.flexgridfilter.html" class="tsd-signature-type">FlexGridFilter</a></h5>
												<div class="tsd-comment">
													<div class="lead">
														<p>The <a href="wijmo_grid_filter.flexgridfilter.html">FlexGridFilter</a> that owns this column filter.</p>
													</div>
												</div>
											</li>
											<li>
												<h5>column: <a href="wijmo_grid.column.html" class="tsd-signature-type">Column</a></h5>
												<div class="tsd-comment">
													<div class="lead">
														<p>The <a href="wijmo_grid.column.html">Column</a> to filter.</p>
													</div>
												</div>
											</li>
										</ul>
										<h4 class="tsd-returns-title">Returns <a href="wijmo_grid_filter.columnfilter.html" class="tsd-signature-type">ColumnFilter</a></h4>
									</li>
								</ul>
							</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-class">
								<a name="arialabel" class="tsd-anchor"></a>
								<h3>ariaLabel</h3>
								<div class="tsd-signature tsd-kind-icon">aria<wbr>Label<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the aria-label attribute of <a href="wijmo_grid_filter.columnfiltereditor.html">ColumnFilterEditor</a> host element.</p>
									</div>
									<p>The default value for this property is "Filter Editor for Column".</p>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="column" class="tsd-anchor"></a>
								<h3>column</h3>
								<div class="tsd-signature tsd-kind-icon">column<span class="tsd-signature-symbol">:</span> <a href="wijmo_grid.column.html" class="tsd-signature-type">Column</a></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets the <a href="wijmo_grid.column.html">Column</a> being filtered.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="conditionfilter" class="tsd-anchor"></a>
								<h3>conditionFilter</h3>
								<div class="tsd-signature tsd-kind-icon">condition<wbr>Filter<span class="tsd-signature-symbol">:</span> <a href="wijmo_grid_filter.conditionfilter.html" class="tsd-signature-type">ConditionFilter</a></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets the <a href="wijmo_grid_filter.conditionfilter.html">ConditionFilter</a> in this <a href="wijmo_grid_filter.columnfilter.html">ColumnFilter</a>.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="datamap" class="tsd-anchor"></a>
								<h3>dataMap</h3>
								<div class="tsd-signature tsd-kind-icon">data<wbr>Map<span class="tsd-signature-symbol">:</span> <a href="wijmo_grid.datamap.html" class="tsd-signature-type">DataMap</a></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the <a href="wijmo_grid.datamap.html">DataMap</a> used to convert raw values into display
										values shown when editing this filter.</p>
									</div>
									<p>The example below assigns a <a href="wijmo_grid.datamap.html">DataMap</a> to Boolean column filters
									so the filter editor displays 'Yes' and 'No' instead of 'true' and 'false':</p>
									<pre><code class="language-typescript"><span class="hljs-keyword">import</span> { FlexGridFilter } <span class="hljs-keyword">from</span> <span class="hljs-string">'@mescius/wijmo.grid.filter'</span>;
<span class="hljs-keyword">var</span> filter = <span class="hljs-keyword">new</span> FlexGridFilter(grid),
    map = <span class="hljs-keyword">new</span> wijmo.grid.DataMap([
            { value: <span class="hljs-literal">true</span>, caption: <span class="hljs-string">'Yes'</span> },
            { value: <span class="hljs-literal">false</span>, caption: <span class="hljs-string">'No'</span> },
        ], <span class="hljs-string">'value'</span>, <span class="hljs-string">'caption'</span>);
<span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> c = <span class="hljs-number">0</span>; c &amp;lt; grid.columns.length; c++) {
    <span class="hljs-keyword">if</span> (grid.columns[c].dataType == wijmo.DataType.Boolean) {
        filter.getColumnFilter(c).dataMap = map;
    }
}</code></pre>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="filtermode" class="tsd-anchor"></a>
								<h3>filterMode</h3>
								<div class="tsd-signature tsd-kind-icon">filter<wbr>Mode<span class="tsd-signature-symbol">:</span> <a href="../enums/wijmo_grid_filter.filtermode.html" class="tsd-signature-type">FilterMode</a></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the mode of filtering provided by this filter.</p>
									</div>
									<p>Setting this property to null causes the filter mode to use the value
										defined by the owner filter's <a href="wijmo_grid_filter.flexgridfilter.html#defaultfiltermode">FlexGridFilter.defaultFilterMode</a>
									property.</p>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="filtertype" class="tsd-anchor"></a>
								<h3>filterType</h3>
								<div class="tsd-signature tsd-kind-icon">filter<wbr>Type<span class="tsd-signature-symbol">:</span> <a href="../enums/wijmo_grid_filter.filtertype.html" class="tsd-signature-type">FilterType</a></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the types of filtering provided by this filter.</p>
									</div>
									<p>Setting this property to null causes the filter to use the value
										defined by the owner filter's <a href="wijmo_grid_filter.flexgridfilter.html#defaultfiltertype">FlexGridFilter.defaultFilterType</a>
									property.</p>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="isactive" class="tsd-anchor"></a>
								<h3>isActive</h3>
								<div class="tsd-signature tsd-kind-icon">is<wbr>Active<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets a value that indicates whether the filter is active.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="valuefilter" class="tsd-anchor"></a>
								<h3>valueFilter</h3>
								<div class="tsd-signature tsd-kind-icon">value<wbr>Filter<span class="tsd-signature-symbol">:</span> <a href="wijmo_grid_filter.valuefilter.html" class="tsd-signature-type">ValueFilter</a></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets the <a href="wijmo_grid_filter.valuefilter.html">ValueFilter</a> in this <a href="wijmo_grid_filter.columnfilter.html">ColumnFilter</a>.</p>
									</div>
								</div>
							</section>
						</section>
						<section class="tsd-panel-group tsd-member-group ">
							<h2>Methods</h2>
							<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
								<a name="apply" class="tsd-anchor"></a>
								<h3>apply</h3>
								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
									<li class="tsd-signature tsd-kind-icon">apply<span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>Gets a value that indicates whether a value passes the filter.</p>
											</div>
										</div>
										<h4 class="tsd-parameters-title">Parameters</h4>
										<ul class="tsd-parameters">
											<li>
												<h5>value: <span class="tsd-signature-type">any</span></h5>
												<div class="tsd-comment">
													<p>The value to test.</p>
												</div>
											</li>
										</ul>
										<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
									</li>
								</ul>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
								<a name="clear" class="tsd-anchor"></a>
								<h3>clear</h3>
								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
									<li class="tsd-signature tsd-kind-icon">clear<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></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>Clears the filter.</p>
											</div>
										</div>
										<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
									</li>
								</ul>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
								<a name="implementsinterface" class="tsd-anchor"></a>
								<h3>implementsInterface</h3>
								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
									<li class="tsd-signature tsd-kind-icon">implements<wbr>Interface<span class="tsd-signature-symbol">(</span>interfaceName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>Returns true if this object supports a given interface.</p>
											</div>
										</div>
										<h4 class="tsd-parameters-title">Parameters</h4>
										<ul class="tsd-parameters">
											<li>
												<h5>interfaceName: <span class="tsd-signature-type">string</span></h5>
												<div class="tsd-comment">
													<p>Name of the interface to look for.</p>
												</div>
											</li>
										</ul>
										<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
									</li>
								</ul>
							</section>
						</section>
					</div>