Kendo 网格自动调整大小问题

Question

我有一个 kendo 网格，位于带有两个选项卡的选项卡条中。在选项卡之间导航并执行任何事件时，网格的宽度会缩小。例如：当用户单击选项卡 2 中网格上的更新按钮并导航回选项卡 1 时，第一个选项卡中的网格会缩小，宽度会调整为原始大小的 10%。我不确定为什么会发生这种情况，我尝试将 CSS 设置为固定宽度，但它不起作用，有什么方法可以确保它不会调整

注意：Kendo 网格显示在 Kendo 选项卡条中，选项卡条显示在 kendo 分隔窗格中。

Answer 1

那么您是将网格和 Kendo 标签条包裹在 div 中吗？我还需要查看代码。我在网页的上半部分使用了 kendo 网格，中间有一个分隔符，底部窗格有一个 Kendo 标签条。所以整个页面都包裹在一个包装器中 div 我写了一个网格调整函数来调整网格的大小。

 var resizeGrid = function () {
        var gridElement = $("#grid"),
            dataArea = gridElement.find(".k-grid-content"),
            gridHeight = gridElement.innerHeight(),
            otherElements = gridElement.children().not(".k-grid-content"),
            otherElementsHeight = 0;
        otherElements.each(function () {
            otherElementsHeight += $(this).outerHeight();
        });
        dataArea.height(gridHeight - otherElementsHeight);
    }

不确定这是否是您想要的，但希望它能给您一些启发。

Kendo 网格自动调整大小问题

Kendo grid automatically resizing issue

kendo-ui

kendo-grid

kendo-tabstrip