π
π
π
π
DataGrid Documentation
Searchβ¦
π
π
π
π
DataGrid Documentation
Getting Started
Buy DataGrid on CodeCanyon
Controls
Text Filter
Sort DropDown Control
Sort Button Control
Checkbox Filter
Radio Button Filter
Select Filter
Button Filter
Pagination
Page Size Control
Label Control
Multiple version of the same control (data-id attribute)
Languages Support
Special Classes
Deep Links
Storage
Multiple DataGrids on Page
How To
How To Sort Table in JavaScript
HTML Table with Sortable Headers
How to Filter HTML Table By Multiple Columns
Double Sort (Multiple Column Ordering)
Powered By
GitBook
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
.
β
Previous
Getting Started
Next - Controls
Sort DropDown Control
Last modified
1yr ago
Copy link