# Define Checkbox Filtering with Search Box in Grid

## Environment

<table>
 <tr>
  <td>Product</td>
  <td>Progress® Kendo UI® Grid for jQuery</td> 
 </tr>
 <tr>
  <td>Product Version</td>
  <td>Created with the 2017.3.1018 version</td>
 </tr>
</table>

## Description

How can I show a search box when the checkbox filtering of a Kendo UI Grid is enabled?

## Solution

1. Set the [`columns.filterable.multi`](https://docs.telerik.com/kendo-ui/api/ui/grid/configuration/columns/filterable#columnsfilterablemulti) configuration to `true`.
2. Set the [`columns.filterable.search`](https://docs.telerik.com/kendo-ui/api/ui/grid/configuration/columns/filterable#columnsfilterablesearch) configuration to `true`.

```dojo
<div id="example">
    <div id="grid"></div>

    <script>
        $(document).ready(function() {
            $("#grid").kendoGrid({
                dataSource: {
                    type: "odata-v4",
                    transport: {
                        read: "https://demos.telerik.com/service/v2/odata/Orders"
                    },
                    schema: {
                        model: {
                            fields: {
                                OrderID: {
                                    type: "number"
                                },
                                ShipCountry: {
                                    type: "string"
                                },
                                ShipName: {
                                    type: "string"
                                },
                                ShipAddress: {
                                    type: "string"
                                }
                            }
                        }
                    },
                    pageSize: 30,
                    serverPaging: true,
                    serverFiltering: true,
                    serverSorting: true
                },
                height: 550,
                sortable: true,
                filterable: true,
                columnMenu: true,
                pageable: true,
                groupable: true,
                columns: [{
                    field: "OrderID",
                    title: "Order ID",
                    width: 120,
                    filterable: {
                        multi: true,
                        search: true
                    },

                }, {
                    field: "ShipCountry",
                    title: "Ship Country",
                    filterable: {
                        multi: true,
                        search: true
                    }
                }, {
                    field: "ShipName",
                    title: "Ship Name",
                    filterable: {
                        multi: true,
                        search: true
                    }
                }, {
                    field: "ShipAddress",
                    filterable: false,
                    filterable: {
                        multi: true,
                        search: true
                    }
                }]
            });
        });
    </script>
</div>
```