<kendo:grid-column-filterable>

If set to true a filter menu will be displayed for this column when filtering is enabled. If set to false the filter menu will not be displayed. By default a filter menu is displayed for all columns when filtering is enabled via the filterable option.Can be set to a JavaScript object which represents the filter menu configuration.

Example

<kendo:grid-column>
    <kendo:grid-column-filterable></kendo:grid-column-filterable>
</kendo:grid-column>

Configuration Attributes

checkAll boolean

Controls whether to show or not the checkAll checkbox before the other checkboxes when using checkbox filtering.

Example

<kendo:grid-column-filterable checkAll="checkAll">
</kendo:grid-column-filterable>

extra boolean

If set to true the filter menu of the column allows the user to input a second criterion.

Example

<kendo:grid-column-filterable extra="extra">
</kendo:grid-column-filterable>

ignoreCase boolean

Toggles between case-insensitive (default) and case-sensitive searching.

Example

<kendo:grid-column-filterable ignoreCase="ignoreCase">
</kendo:grid-column-filterable>

itemTemplate java.lang.String

Allows customization on the logic that renders the checkboxes when using checkbox filtering.

Example

<kendo:grid-column-filterable itemTemplate="itemTemplate">
</kendo:grid-column-filterable>

multi boolean

Use this option to enable the MultiCheck filtering support for that column.

Example

<kendo:grid-column-filterable multi="multi">
</kendo:grid-column-filterable>

operators java.lang.Object

The property is identical to filterable.operators, but is used for a specific column.

Example

<kendo:grid-column-filterable operators="operators">
</kendo:grid-column-filterable>

search boolean

Controls whether to show a search box when checkbox filtering is enabled.

Example

<kendo:grid-column-filterable search="search">
</kendo:grid-column-filterable>

ui java.lang.String

The role data attribute of the widget used in the filter menu or a JavaScript function which initializes that widget.

Example

<kendo:grid-column-filterable ui="ui">
</kendo:grid-column-filterable>

Configuration JSP Tags

kendo:grid-column-filterable-cell

Specifies options for the filter header cell when filter mode is set to 'row'.Can be set to a JavaScript object which represents the filter cell configuration.

More documentation is available at kendo:grid-column-filterable-cell.

Example

<kendo:grid-column-filterable>
    <kendo:grid-column-filterable-cell></kendo:grid-column-filterable-cell>
</kendo:grid-column-filterable>

Event Attributes

itemTemplate String

Allows customization on the logic that renders the checkboxes when using checkbox filtering.

Example

<kendo:grid-column-filterable itemTemplate="handle_itemTemplate">
</kendo:grid-column-filterable>
<script>
    function handle_itemTemplate(e) {
        // Code to handle the itemTemplate event.
    }
</script>

ui String

The role data attribute of the widget used in the filter menu or a JavaScript function which initializes that widget.

Example

<kendo:grid-column-filterable ui="handle_ui">
</kendo:grid-column-filterable>
<script>
    function handle_ui(e) {
        // Code to handle the ui event.
    }
</script>

Event Tags

kendo:grid-column-filterable-itemTemplate

Allows customization on the logic that renders the checkboxes when using checkbox filtering.

Example

<kendo:grid-column-filterable>
    <kendo:grid-column-filterable-itemTemplate>
        <script>
            function(e) {
                // Code to handle the itemTemplate event.
            }
        </script>
    </kendo:grid-column-filterable-itemTemplate>
</kendo:grid-column-filterable>

kendo:grid-column-filterable-ui

The role data attribute of the widget used in the filter menu or a JavaScript function which initializes that widget.

Example

<kendo:grid-column-filterable>
    <kendo:grid-column-filterable-ui>
        <script>
            function(e) {
                // Code to handle the ui event.
            }
        </script>
    </kendo:grid-column-filterable-ui>
</kendo:grid-column-filterable>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy