I have a treelist with scrolling and locked columns. Unfortunately, when the screen is wide enough to display all of the columns, the grid doesn't expand to fit the headers as seen in the included screenshot. Also, when I do expand the columns past the max height of the grid, I do not get a scrollbar and the ones below get cut off. Can you help with this? This same table works in a grid (minus the expansion piece, hence converting to a treelist). It does appear there is a scrollbar but it is outside of the table's viewable area. 

Here is a dojo: https://dojo.telerik.com/@dojolee/oraQASED

Attached is an image of what I am seeing on my site.

Here is my code: 

$("#tileTable").kendoTreeList({
            dataSource: {
                data: treeDataSource,
                schema: {
                    model: {
                        id: "hierarchyId",
                        parentId: "parentHierarchyId",
                        fields: {
                            parentHierarchyId: {
                                type: "string",
                            }
                        }
                    }
                }
            },
            sortable: false,
            columns: columns,
        }).data("kendoTreeList");

Good afternoon, excuse my English is bad,

I have a kendo treelist in which there is a boolean column with a kendo switch.
The problem is visual when interacting with my tree list the switch is painted several times as shown in the image:
 
this is the code i am using:

{
                    field: "IsModule", title: "@Mui.Is_Module",
                    //width: "70px",
                    editor: checkBoxEditor,
                    headerAttributes: { style: "text-align:center" },
                    attributes: { class: "text-center" },
                    template: "<input class='checkBoxEditor' #if (IsModule) { # checked='checked' # } # type='checkbox' disabled />"
                },

If anyone can give me an idea of ​​what I'm doing wrong, I'd be very grateful.
 

 dataSource: dataSource,
            excelExport: exportExcel,
            columnMenu: true,
            editable: "inline",
            cancel: function (e) {
                var grid = this;
                var rowUid = e.container.data("uid");
                setTimeout(function () {
                    grid.element.find("tr[data-uid='" + rowUid + "'] .checkBoxEditor").kendoSwitch({
                        messages: {
                            checked: "@Mui.Yes",
                            unchecked: "@Mui.No"
                        }
                    });
                });
            },
            dataBound: function () {
                this.tbody.find(".checkBoxEditor").kendoSwitch({
                    messages: {
                        checked: "@Mui.Yes",
                        unchecked: "@Mui.No"
                    }
                });
            },

function checkBoxEditor(container, options) {
    $('<input type="checkbox" name="' + options.field + '"/>')
        .appendTo(container)
        .kendoSwitch({
            messages: {
                checked: "@Mui.Yes",
                unchecked: "@Mui.No"
            }
        });
}

Need to perform Undo and Redo of cell changes in the kendo grid (using JQuery) in-cell edit mode. Please share the workaround and possible solution.

Please do the needful.

Thanks,

Irshad

Hi All,

I need to create a dropdownlist & kendoTreeList inside a kendo grid even though the grid is not set to edit mode.

User should be able to select the value from the dropdown list & the kendo Treelist.

kindly give me the  approach to implement this. 

please share me the links of any examples .

Thanks in advance. :)