Edit this page

columns.filterable.cell.inputWidth Number

Specifies the width of the input before it is initialized or turned into a widget. Provides convenient way to set the width according to the column width.

Example - Specifying inputWidth option for the filter cell of a column

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