# Filters

This UI component allows you to add a filter as a standalone building block and use it anywhere on a page. There is a [separate filter built-in](https://docs.jetadmin.io/user-guide/design-and-structure/filter) that is included on all tables.

{% hint style="warning" %}
The filter component is for single tables and is not for charts or for use with multiple UI components at once.
{% endhint %}

You can find filters in the UI building block library inside of the Builder.

<figure><img src="https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LQ08RFAKZvFADEiXKFy%2Fuploads%2FnVy9GiPYrtpCk38m6HUi%2FGroup%20764.png?alt=media&#x26;token=1b02686e-3bb4-42fb-83c9-2dffb5873f5a" alt=""><figcaption></figcaption></figure>

After you place it on the canvas, there are a few steps to make it work:

#### 1. Bind to a component

Bind a filter to the UI component that you want to be filtered. For this, click on the "Bind to component" button **(1)** and choose the Ui component from the list **(2)**

<figure><img src="https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LQ08RFAKZvFADEiXKFy%2Fuploads%2F1DJVkOaOMiHlNSGF01G0%2FGroup%20766.png?alt=media&#x26;token=77f7f682-fb6b-42b4-8182-96b14606223f" alt=""><figcaption></figcaption></figure>

#### 2. Create a filter

Then add a filter, choosing the field by which you want the data in the UI component to be filtered and the logical expression, for example "greater than."

<figure><img src="https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LQ08RFAKZvFADEiXKFy%2Fuploads%2FBGNFzO6vpq50JZ8u7ZVF%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202023-03-16%20%D0%B2%2008.42.29.png?alt=media&#x26;token=4cb58bc2-8f34-4594-9ed6-94140f627491" alt=""><figcaption></figcaption></figure>

3\. Filter is ready

Now you can preview and test your filter. You can add multiple filters; in a one filter component, each filter will function with logical AND between them. This means that, in the example below, only records that have both a status of *Active* AND an *Enterprise* plan will be shown in the table. &#x20;

<figure><img src="https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LQ08RFAKZvFADEiXKFy%2Fuploads%2FrqPUa2frwcqjprXvQ4RG%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202023-03-16%20%D0%B2%2008.45.59.png?alt=media&#x26;token=4f2e924a-cd6e-43e7-883e-c4e751bcc4b8" alt=""><figcaption></figcaption></figure>
