Edit this page

columns.filterable.cell.dataSource Object |kendo.data.DataSource

Specifies a custom dataSource for the AutoComplete when the type of the column is string. Can be a JavaScript object which represents a valid data source configuration, a JavaScript array, or an existing kendo.data.DataSource instance.

It is not recommended that you use the same dataSource instance for the Grid and the AutoComplete because it causes negative side effects.

If the dataSource options is missing, a new cloned instance of the Grid's dataSource will be used.

If the dataSource option is an existing kendo.data.DataSource instance, the widget will use that instance and will not initialize a new one.

Example - custom cell filter autocomplete dataSource

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    {
        field: "name",
        filterable: {
            cell: {
                dataSource: new kendo.data.DataSource({
                    data: [
                        { someField: "Jane" },
                        { someField: "Jake" },
                        { someField: "John" }
                    ]
                }),
                dataTextField: "someField"
            }
        }
    },
    { field: "age" }
  ],
  filterable: {
      mode: "row"
  },
  dataSource: {
    data: [ { name: "Jane", age: 30 }, { name: "John", age: 33 }],
    schema:{
        model:{
            fields: {
                age: { type: "number" }
            }
        }
    }
  }
});
</script>