All docs
V24.1
24.2
24.1
23.2
23.1
22.2
The page you are viewing does not exist in version 22.2.
22.1
The page you are viewing does not exist in version 22.1.
21.2
The page you are viewing does not exist in version 21.2.
21.1
The page you are viewing does not exist in version 21.1.
20.2
The page you are viewing does not exist in version 20.2.
20.1
The page you are viewing does not exist in version 20.1.
19.2
The page you are viewing does not exist in version 19.2.
19.1
The page you are viewing does not exist in version 19.1.
18.2
The page you are viewing does not exist in version 18.2.
18.1
The page you are viewing does not exist in version 18.1.
17.2
The page you are viewing does not exist in version 17.2.
Box
Map
A newer version of this page is available. Switch to the current version.

jQuery/JS Common Types - grids - 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: onOptionChanged

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