kendo ui grid 高度自適應
阿新 • • 發佈:2019-02-05
最近專案中要求表格的高度能夠佔滿整個頁面,並且能夠自適應,即隨頁面的改變而變化;
專案用的是kendo ui ,
思路,分兩部
1,找到佔滿整個頁面的表示式
2,自適應
具體實現程式碼
方法:
//佔滿整個頁面
var _resizeGrid = function(_grid) {
var dataArea = _grid.find(".k-grid-content");
var bottomArea = _grid.find(".k-grid-pager");
var newHeight = $(document.body).height() - _grid.offset().top;
var diff = _grid.innerHeight() - dataArea.innerHeight();
_grid.height(newHeight- bottomArea.innerHeight());
dataArea.height(newHeight - diff - bottomArea.innerHeight());
};
//自適應
$(window).resize(function(){
_resizeGrid(_grid);
});