Telerik UI for Windows 8 HTML

If your RadGrid is bound to a large set of data and the user would be interested only in a subset of it, at a time, you may provide default filtering to the control on initial load. Furthermore, you can disable the filtering feature and prevent the user from removing the filter.

Providing Default Filter Expressions

You can predefine filter expressions for RadGrid in its dataSource declaration, as shown below.

Adding Filter Expressions Copy imageCopy
var grid2Ctrl = new Telerik.UI.RadGrid(document.getElementById("grid2"), {
    filterable: true,
    dataSource: {
        data: [
            { Product: "Southwestern Twisted Chips", Price: 6.99 },
            { Product: "Top Shelf Combo Appetizer", Price: 9.49 },
            { Product: "Blue Cheese and Hazelnut Shortbread", Price: 10.69 },
            { Product: "Avocado Feta Salsa", Price: 6.99 },
            { Product: "Red Cherry Boost", Price: 6.99 },
        schema: {
            model: {
                fields: {
                    Product: { type: "string" },
                    Price: { type: "number" }
        filter: {
            logic: "or",
            filters: [
                { field: "Price", operator: "gt", value: 7 },
                { field: "Product", operator: "contains", value: "Appetizer" }


If filtering is enabled, the filter values and functions provided in the data source will be shown in the filter items, so the user can modify the already defined expressions. If you disable filtering (set filterable to false), it will be interpreted only at data source level and there will be no visual indication in RadGrid.

For more information on manual filtering, check this article: DataSource Filtering.

This implementation is part of our SDK Examples and is available for download at the following link: Telerik Windows 8 HTML SDK under Grid/ProvidingDefaultFilterExpression.

See Also