kendo ui grid 高度自适应

最近项目中要求表格的高度能够占满整个页面，并且能够自适应，即随页面的改变而变化；

项目用的是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);
    });