EasyUi datagrid百分比顯示寬度,EasyUi datagrid自適應視窗大小

EasyUi datagrid百分比顯示寬度,EasyUi datagrid自適應視窗大小

把下面的程式碼放入js檔案裡裡。

/**

 * easyui Datagrid自適應視窗大小
 */
$(function () {
    $(window).resize(function () {
        $(‘#dg’).datagrid(‘resize’, {               //根據自身情況更改
            width: $(window).width() – 10,    //根據自身情況更改
           height: $(window).height() – 35  //根據自身情況更改
        }).datagrid(‘resize’, {
            width: $(window).width() – 10,      //根據自身情況更改
            height: $(window).height() – 35   //根據自身情況更改
        });
    });
    
});
/**
 * easyui Datagrid百分比顯示寬度
 */
function fixWidth(percent)  
{  

    return document.body.clientWidth * percent ;//根據自身情況更改

下面是怎樣在datagrid中使用百分比顯示列寬。

*百分比應該是通用的,方法是多變的,使用方式更是萬變,希望你能青出於藍。