最近專案中要求表格的高度能夠佔滿整個頁面，並且能夠自適應，即隨頁面的改變而變化；

專案用的是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);
   });