css - 高度重叠的剑道 ui 网格底部边框

Question

为什么剑道网格显示给我这样:

Answer 1

如果您手动调整网格大小，则必须同时调整网格和数据区域高度。如果您有工具栏，您可能还需要考虑到这一点。在调整网格大小时试试这个:

 var gridElement = $("#gridElementName");
 var dataArea = gridElement.find(".k-grid-content");
 var toolbar = gridElement.find(".k-toolbar");
 var thead = gridElement.find("table[role='grid'] thead");
 var newGridHeight;
 var newDataAreaHeight;

 newGridHeight = $(document).height() - offsetValueOne;
 newDataAreaHeight = newGridHeight - toolbar.height() - thead.height() - offsetValueTwo;
 dataArea.height(newDataAreaHeight);
 dataArea.css("max-height", newDataAreaHeight);
 gridElement.height(newGridHeight);

OffsetValueOne 应该大于 OffsetValueTwo。在您的代码中，数据区域和网格高度似乎没有正确匹配。希望这可以帮助。祝你好运。