首页 > 代码库 > easyui 的datagrid的自适应宽度的问题

easyui 的datagrid的自适应宽度的问题

$.fn.extend({
 


 resizeDataGrid : function(heightMargin, widthMargin, minHeight, minWidth) {
  var height = $(document.body).height() - heightMargin;
  var width = $(document.body).width() - widthMargin;

  height = height < minHeight ? minHeight : height;
  width = width < minWidth ? minWidth : width;

  $(this).datagrid(‘resize‘, {
   height : height,
   width : width
  });
 }
});

$(function() {
 // datagrid数据表格ID
 var datagridId = ‘tt‘;

 // 第一次加载时自动变化大小
 $(‘#‘ + datagridId).resizeDataGrid(0, 0, 0, 0);

 // 当窗口大小发生变化时,调整DataGrid的大小
 $(window).resize(function() {
  $(‘#‘ + datagridId).resizeDataGrid(0, 0, 0, 0);
 });
});

确保table的id为tt

 

还有一个方法是直接设置table的fit属性为true 前提是table的calss属性必须是easyui-datagrid

easyui 的datagrid的自适应宽度的问题