The adaptive width of the 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 data table ID
VaR datagridid = 'TT ';

// Automatically change the size when loading for the first time
$ ('#' + Datagridid). resizedatagrid (0, 0, 0, 0 );

// Adjust the size of the DataGrid when the window size changes
$ (Window). Resize (function (){
$ ('#' + Datagridid). resizedatagrid (0, 0, 0, 0 );
});
});

Make sure that the table ID is TT

 

Another way is to directly set the fit attribute of the table to true. The premise is that the calss attribute of the table must be easyui-DataGrid.

The adaptive width of the easyui DataGrid