剑道ui网格底部边框与高度重叠

时间:2014-03-02 10:12:14

标签: css kendo-ui kendo-grid

为什么剑道网格会像这样向我展示:

kendo grid bottom border issue

1 个答案:

答案 0 :(得分:0)

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

 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。在您的代码中,似乎数据区域和网格高度未正确匹配。希望这可以帮助。祝你好运。