HomeData ManagementGridFilter DataSearch Box
AI-powered Extensions
  • AI Chat
  • Rich Text Editor
  • HTML Editor
  • Memo
  • Form Layout
    New
  • Grid
  • Reports
Data Management
  • Grid
    • Overview
    • Data Binding
    • Sort Data
    • Group Data
    • Edit Data
    • Filter Data
      • Column Filter Menu
      • Filter Row
      • Filter Panel
      • Filter Builder Customization
      • Filter API
      • Search Box
    • Summary
    • Selection and Focus
    • Master-Detail View
    • Templates
    • Columns
    • Save and Restore Layout
    • Adaptivity
    • Export
    • Gridlines
      New
    • Customization
    • Toolbar
    • Context Menu
    • Drag & Drop Operations
    • Paging and Scrolling
    • Performance
    • AI Assistant
      AI
    • AI Semantic Search
      AI
  • TreeList
  • Filter Builder
  • Pivot Table
Data Editors
  • Overview
  • Common Concepts
  • Calendar
  • CheckBox
  • Color Palette
  • ComboBox
  • Date Edit
  • Date Range Picker
  • DropDown Box
  • List Box
  • Masked Input
  • Memo
  • Radio
  • Radio Group
  • Search Box
  • Spin Edit
  • TagBox
  • Text Box
  • Time Edit
Data Visualization
  • Bar Gauge
  • Charts
  • Map
  • Range Selector
Layout
  • Carousel
  • Drawer
  • Form Layout
  • Grid Layout
  • Layout Breakpoint
  • Splitter
  • Stack Layout
  • Tabs
Navigation
  • Overview
  • Accordion
  • Context Menu
  • Menu
  • Pager
  • Ribbon
  • Toolbar
  • TreeView
Dialogs and Windows
  • DropDown
  • Flyout
  • Message Box
  • Popup
  • Toast Notification
  • Window
Buttons
  • Button
  • Button Group
  • DropDown Button
  • Split Button
File Management
  • File Input
  • Upload
File Viewers & Editors
  • HTML Editor
  • PDF Viewer
  • Rich Text Editor
Scheduling
  • Scheduler
Reporting
  • Reports
Progress Indication
  • Loading Panel
  • Progress Bar
  • Wait Indicator
Icon Library
  • Icon Explorer
    CTP
  • Display Icons
    CTP
Document Processing
  • Office File API ↗
CRM Demo
  • Contacts ↗
  • Analytics ↗
  • Planning ↗
Version: 26.1.3
Copyright © 2000-2026 Developer Express Inc

 Search Box

  • Example
  • View Source
  • Docs
 
Country
Contact NameCompany NameCity
Country: Brazil
Anabela DominguesTradição HipermercadosSao Paulo
Country: Canada
Jean FresnièreMère PaillardeMontréal
Country: Mexico
Ana TrujilloAna Trujillo Emparedados y heladosMéxico D.F.
Data grid with 6 rows and 3 columns
0 rows are selected

The DevExpress Blazor Grid component includes an integrated Search Box UI element. When users enter values within the Search Box, our Blazor Grid filters data rows, displays records that match the search string, and highlights search results. You can use the following properties to customize search behavior:

  • DxGrid.SearchTextParseMode — Specifies how the Grid searches for a match if the query contains multiple words: an exact matching phrase, all words in any order, or any individual word. Select a value from the Find Rows Containing box to see how behavior changes.
  • DxGridDataColumn.SearchEnabled — Allows you to exclude a specific column from search operations (the component searches across all visible data columns by default).

Enable the ShowSearchBox property to display the built-in Search Box. Use the SearchText property to set an initial search string or implement an external search editor.

Did this demo address your needs?