# wijmo.angular2.grid.filter Module

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								wijmo.angular2.grid.filter Module
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>Contains Angular 2 components for the <b>wijmo.grid.filter</b> module.</p>
								</div>
								<p><b>wijmo.angular2.grid.filter</b> is an external TypeScript module that can be imported to your code
								using its ambient module name. For example:</p>
								<pre>import * as wjFilter from 'wijmo/wijmo.angular2.grid.filter';
import * as wjGrid from 'wijmo/wijmo.angular2.grid';
&nbsp;
@Component({
    directives: [wjGrid.WjFlexGrid, wjFilter.WjFlexGridFilter],
    template: `
      &lt;wj-flex-grid [itemsSource]="data"&gt;
          &lt;wj-flex-grid-filter [filterColumns]="['country', 'expenses']"&gt;&lt;/wj-flex-grid-filter&gt;
      &lt;/wj-flex-grid&gt;`,
    selector: 'my-cmp',
})
export class MyCmp {
    data: any[];
}</pre>
							</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>
												Classes
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_angular2_grid_filter.wjflexgridfilter.html" class="tsd-kind-icon">Wj<wbr>Flex<wbr>Grid<wbr>Filter</a></li>
										</ul>
									</section>
								</div>
							</section>
						</section>
					</div>