Cacher is the code snippet organizer for pro developers

//Fokus bagian columns >> field >> filterable

 $("#orderStockGrid").kendoGrid({
        dataSource: dataSource,
        groupable: gridGroupable,
        selectable: "multiple",
        change: onOrderStockGridSelectChange,
        pageable: {
            pageSize: gridPageSize,
            pageSizes: gridPageSizes,
            input: gridPageInput,
            refresh: gridRefresh
        },
        sortable: {
            mode: "single",
            allowUnsort: false
        },
        filterable: true,
        scrollable: false,
        columns: [
                    { field: "CreatedOnUTC", title: gridTitleCreatedOn, template: "#= formatDateTime(CreatedOnUTC) #", width: 100 },
                    { field: "OrderStockCode", title: gridTitleOrderStockCode, width: 100 },
                    { field: "DestinationCentreName", title: gridTitleDestinationCentreName, width: 100 },
                    { field: "ProcessingInventoryName", title: gridTitleProcessingInventoryName, width: 100 },
                    {
                        field: "SupplierName", title: gridTitleSupplierName, filterable: {
                            operators: { 
                                string: {
                                    contains: "Contains",
                                    startswith: "Starts With"
                                }
                            }
                        }
                    },
                    { field: "TotalAmount", title: gridTitleTotalAmount, template: "#= formatKendoDecimal(TotalAmount) #" },
                    { field: "PaymentTypeName", title: gridTitlePaymentType },
                    { field: "PaymentDueOn", title: gridTitlePaymentDueOn, template: "#= formatDate(PaymentDueOn) #" },
                    { field: "PaidOn", title: gridTitlePaidOn, template: '#= formatDate(PaidOn) #' },
                    { field: "ReferenceCode", title: gridTitleOrderStockReferenceCode },
                    { field: "IsDraft", title: gridTitleDraft, template: '<input type="checkbox" #= IsDraft ? checked="checked" : "" # disabled="disabled" ></input>' },
                    { field: "CreatedByUserName", title: gridTitleCreatedByUser },
                    { field: "LastModifiedByUserName", title: gridTitleLastModifiedByUser },
                    { field: "ID", title: " ", sortable: false, filterable: false, template: '<a href="#=orderStockDetailUrl#/#=ID#">#=detailText#</a>' }
        ]
    });