SYIDAX / DATA GRID

Search across columns

Find matching rows across several columns with one input.

Get started
Search across columnsSample order data
120 rows
Loading Grid…

Options

Changes below update the Grid and code immediately.

Latest result

This example starts with Platform in the search box. Inspect orders assigned to Platform.

View code
Current preview

Usage guide

#

Use quick search to find orders by product or team before identifying which column contains the value.

Try it yourself

  1. Inspect the initial search

    This example starts with Platform in the search box. Inspect orders assigned to Platform.

  2. Search for another value

    Change the term to Beacon to find Beacon Lite products. Search is not restricted to one column.

  3. Return to the full list

    Clear the search text. All orders reappear if no other filters are active.

Expected results

Typing retains matching rows and displays quickFilterText in the results.

Search covers data currently held by the Grid. Connect search conditions to server queries to include orders not yet downloaded.

Useful terms

quickFilterText
A search term applied across columns.
Column filters
A separate search method applying conditions to a specific column.

Key API examples

Application code that references the registered Grid element as grid.

grid.quickFilterText = 'Platform';
grid.quickFilterMode = 'and';

API reference

#

Key properties

Attribute / PropertyType / DefaultDescription
quickFilter
booleanDefault: falseMount the global quick filter toolbar above the grid header.
Other properties5
Attribute / PropertyType / DefaultDescription
quickFilterText
stringDefault: ''Initial quick filter value; later prop changes mirror into state.
quickFilterPlaceholder
stringDefault: undefinedPlaceholder text for the quick filter input.
quickFilterMode
'and' | 'or'Default: 'and'Quick filter word mode.
quickFilterRegex
booleanDefault: falsewhen true, the quick-filter text is a regular expression tested against each cell (a row matches when any cell matches). An invalid / half-typed pattern falls back to showing all rows.
quickFilterDebounce
numberDefault: 150Debounce before quick filter re-runs the pipeline.
Events1
EventsDetail typeDescription
GridQuickFilterChangedDetailFires when the quick filter commits a new search value.