Text Filter

Search…

Text Filter

The text filter control is used to find HTML elements that match the user input.
1
<input
2
    type="text"
3
    placeholder="Filter by title"
4
    data-grid-control="text-filter"
5
    data-path=".title"
6
/>
Copied!
Data Attribute
Value
Description
Required
data-grid-control
text-filter
This attribute defines the control type.
Required
data-path
any CSS selector
It defines the path to the item that should be filtered.
Optional
data-mode
contains
startsWith
endsWith
equal
Filter mode. The default value is "contains".
Optional
data-id
any alphanumeric string
This attribute may be used in the deep-link, 
local storage, or complex filter logic.
Optional
data-skip
[^a-zA-Z0-9]+
Defines a regex of characters that should be skipped.
Optional
If the filter returns no results, it's possible to add no results found label.
​

Getting Started

Next - Controls

Sort DropDown Control

Last modified 10mo ago

Copy link