# Working with DataFilter

Get started with DataFilter that provides e-commerce-like filters to accompany with any extensive data collection that allows users to filter data based on filter criteria’s or conditions.

## Content

The **DataFilter** control can be used to build filters similar to the ones you see in different e-commerce websites where the grid displaying a product listing shows only specific attributes, such as product name and product image. However, you can set filters for a specific brand, category, price etc. using the <span data-popup-content="This property is available in both \u003ca href=\u0022/componentone/docs/win/online-datafilter/\u0022\u003e.NET Framework\u003c/a\u003e and .\u003ca href=\u0022/componentone/docs/win/online-datafilter/\u0022\u003eNET\u003c/a\u003e." data-popup-title="DataFilter" data-popup-theme="ui-tooltip-green qtip-green">DataFilter</span>. Such filters cannot be set from column filters in the data grid controls.

It reads properties of the DataSource and automatically creates corresponding [filter type](/componentone/docs/win/online-datafilter/datafilters/filtertypes) amongst: **BoolFilter**, **DataRangeFilter**, **CheckListFilter** and **RangeFilter** as shown in the image below.

![Data Filters Layout](https://cdn.mescius.io/document-site-files/images/17b51e8a-8741-4303-8d01-461f0bd662e6/images/overview.png)

The upcoming sections comprises following functionalities of DataFilter control.

* [Data Binding](/componentone/docs/win/online-datafilter/datafilters/databinding) \- Learn how to bind DataFilter with a data\-aware control and model binding\.
* [Accordion Layout](/componentone/docs/win/online-datafilter/datafilters/accordionlayout) \- Learn how to display accordion layout in the DataFilter control\.
* [Type of Filters](/componentone/docs/win/online-datafilter/datafilters/filtertypes) \- Learn about the filters supported in the DataFilter control and how to add these filters\.
* [XML Serialization/Deserialization](/componentone/docs/win/online-datafilter/features/xmlserializationdeserialization) \- Learn how to save and load the current filter expressions using DataFilter\.
* [Theme](/componentone/docs/win/online-datafilter/features/themes) \- Learn about the built\-in themes and how to apply them on the DataFilter control\.
* [Styling](/componentone/docs/win/online-datafilter/features/styling) \- Learn how to customize the appearance of the DataFilter control and its elements\.
* [Keyboard Navigation Support](/componentone/docs/win/online-datafilter/datafilters/keyboardnavigation) \- Learn how to use keys to navigate through DataFilters\.

## See Also

**Common Topics**

[Quick Start](/componentone/docs/win/online-datafilter/datafilters/quickstart)