DevExtreme v23.1 is now available.

Explore our newest features/capabilities and share your thoughts with us.

SearchPanel

Configures the search panel.

import { SearchPanel } from "devextreme/common/grids"

highlightCaseSensitive

Notifies the UI component whether search is case-sensitive to ensure that search results are highlighted correctly. Applies only if highlightSearchText is true.

Type:

Boolean

Default Value: false

highlightSearchText

Specifies whether found substrings should be highlighted.

Type:

Boolean

Default Value: true

placeholder

Specifies a placeholder for the search panel.

Type:

String

Default Value: 'Search...'

searchVisibleColumnsOnly

Specifies whether the UI component should search against all columns or only visible ones.

Type:

Boolean

Default Value: false

text

Sets a search string for the search panel.

Type:

String

Default Value: ''
Raised Events: optionChanged

visible

Specifies whether the search panel is visible or not.

Type:

Boolean

Default Value: false

width

Specifies the width of the search panel in pixels.

Type:

String

|

Number

Default Value: 160