TreeList With Scrolling and Locked Columns not displaying right

[Lee]

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");

[Angel Petrov]

Hi,

After examining the dojo I noticed that all the columns were locked. This will indeed cause problems as when locked columns are used non-locked columns should be present as well. By changing some of the columns to not be locked I was able to resolve the vertical scroll issue. As for the horizontal scroll, such a scroll will not appear unless the columns sum width exceeds the table width. In the code I noticed that there are columns with small widths and when they are arranged next to each other their sum width is less than that of the treelist. If larger widths are provided a scroll will appear. 

Here is a modified dojo that implements both of the suggestions and resolves the issues on hand.

Regards,
Angel Petrov
Progress Telerik

[Lee]

Thank you for catching the first part. As for the width, I cannot guarantee how wide the user's monitor is and therefore will need it to stretch to fill the width. I think I solved this with css by adding table: { min-width: 100% }. Do you forsee any issues with that?

[Angel Petrov]

Hello,

I do not see a problem with this solution as long as the columns are aligned. For additional safety however I recommend testing it thoroughly.

Regards,
Angel Petrov
Progress Telerik