Edit this page

columns.filterable.cell.dataTextField String

Specifies the name of the field which will provide the text representation for the AutoComplete suggestion (when using String type column) when CustomDataSource is provided. By default the name of the field bound to the column will be used.

Example - Using custom dataSource and providing dataTextField option

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