---
title: "Search | Features"
description: "Easily add search to your grid by setting the search attribute on your <zing-grid> tag (default), using an external input, or through server search."
url: https://www.zinggrid.com/docs/features/search
---

```text
experiment_id: web-retrieval-v1
fixture_id: /docs/features/search.md
mode: provenance
representation: markdown
origin_response_id: f74f74fc2730c43c58407f68215c9b4d
version: 2026-10-21
version_created_at_utc: 2026-10-21T20:42:35.701Z
version_nonce: 21e97b535edfd2dd7d0e1d4bb9fa4fd9
generated_at_utc: 2026-10-25T01:53:46.683Z
response_nonce: 2e04395e9ebf8735e75a6e0a8cf503a2
```

# Search

Easily add searching capabilities to your grid by setting the `search` attribute on your `<zing-grid>` tag.

## Default Search

Once you add the `search` attribute, a search icon will appear in the upper right hand corner of the grid.

### Search Enabled Grid
Here is a complete grid with searching capabilities enabled:

[Example code](https://app.zingsoft.com/demos/embed/2SCCVW6W)

## External Input

You can use an external input and our `searchGrid('...')` API method to dynamically search the grid from an external input, like so:

```javascript
const zgRef = document.querySelector('zing-grid');
zgRef.searchGrid('stringToSearchGrid');
```

> **Note:** [You can find documentation on search API methods here](https://www.zinggrid.com/docs/api-methods#Search).

### External Search Enabled Grid

Here is a complete grid with external search enabled via the `searchGrid('...')` method:

[Example code](https://app.zingsoft.com/demos/embed/72XLKWVC)

## Remove Column Search

Search only a subset of columns by defining the `[search="disabled"]` attribute on columns you **do not want to show up in search**, like so:

```html
<zg-column search="disabled"></zg-column>
```

### Search Removed on Certain Columns Grid
Here is a complete grid with searching disabled on the "Img" column:

[Example code](https://app.zingsoft.com/demos/embed/1126CW7R)

## Server Search

Use the `searchKey` parameter to enable server search, like so:

```html
<zg-param name="searchKey" value="search"></zg-param>
```
### Server Search Grid
Here is a complete grid with server search enabled:

[Example code](https://app.zingsoft.com/demos/embed/2MFNJDF7)

## Related Resources
Here are some extra resources related to this feature to help with creating your grid:

* [Adding Features Guide](https://www.zinggrid.com/docs/adding-features)
* [API Search Methods List](https://www.zinggrid.com/docs/api-methods#zg-search)
* [Attribute List](https://www.zinggrid.com/docs/api/tags/zing-grid)