Kendo网格自动调整大小问题

Question

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

注意：Kendo网格显示在Kendo标签条中，标签条位于kendo分割器窗格中。

Answer 1

所以你在一个div中包裹网格和Kendo Tab Strip吗？我还需要查看代码。我在网页的上半部分使用了剑道网格，中间有一个分割器，底部窗格中有一个Kendo Tab条。所以整个页面都包装在一个包装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);
    }

不确定这是否是你想要的，但希望它能给你一些见解。