columns.filterable.itemTemplate Function

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

Example - provide custom DataSource for the FilterMultiCheck filtering.

<div id="grid"></div>
<script>
    $("#grid").kendoGrid({
        columns: [ {
            field: "country",
            filterable: {
                multi:true,
                itemTemplate: function(e) {
                    return ({country, all}) => `<span><label><span>${country || all}</span><input type='checkbox' name='" + e.field + "' value='${country}'/></label></span>`
                }
            }
        }],
        filterable: true,
        dataSource: [ { country: "BG" }, { country: "USA" } ]
    });
</script>
In this article