searchPanel

Specifies options of the search panel.

Type:

Object

A search panel is a grid element that allows the user to search grid records by a search string. Searching performs in those grid columns that have the allowFiltering option set to true.

The search panel is located in the upper-right corner of the dxDataGrid widget. To make it visible, set the visible property of the searchPanel configuration object to true.

See Also
  • To discover how to configure the search panel, see the Search Panel topic.
  • For more information about searching, refer to the Searching topic.

Also, you can search grid records by a search string from code. Call the searchByText(text) method to do this.

View Demo

highlightSearchText

Specifies whether or not search strings in the located grid records should be highlighted.

Type:

Boolean

Default Value: true

placeholder

Specifies text displayed by the search panel when no search string was typed.

Type:

String

Default Value: 'Search...'

text

Sets a search string for the search panel.

Type:

String

Default Value: ''

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:

Number

Default Value: 160