Checkbox Filter

Checkbox path filter is used to show or hide HTML elements depending on their path and user selection.

<input
    type="checkbox"
    data-grid-control="checkbox-filter"
    data-path=".title"
/>

Data Attribute

Value

Description

Required

data-grid-control

checkbox-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-id

any alphanumeric string

This attribute may be used in the deep-link,

local storage, or complex filter logic.

Optional

data-inverted

false (default), true

This attribute inverts the filter.

Optional

checked

A Boolean attribute indicating whether or not

this checkbox is checked by default.

Optional

If the data-value attribute is specified, the filter will look for this text value in the provided data-path. In this case, the following data attributes may be specified:

Data Attribute

Value

Description

Required

data-value

any text

The filter will look for this text

in the given data-path

Optional

data-mode

  • contains

  • startsWith

  • endsWith

  • equal

Filter mode. The default value is "equal".

Optional

data-skip

[^a-zA-Z0-9]+

Defines a regex of characters

that should be skipped.

Optional

Last updated