[asp.net] easyui DataGrid自适应列宽

1.首先，设置方法fitColumns:true；

$(function(){
　　//初始加载，表格宽度自适应
    $(document).ready(function(){
        fitCoulms();
    });
　　//浏览器窗口大小变化后，表格宽度自适应
    $(window).resize(function(){
        fitCoulms();
    });
})

//表格宽度自适应，这里的#dg是datagrid表格生成的div标签
function fitCoulms(){
    $('#dg').datagrid({
        fitColumns:true
    });
}

2.在$('#dg').datagrid中设置columns的各列宽度比例。注意：当 fitColumns:true时，columns里的width变为改列宽度占表格总宽度大小的比例，而不是实际宽度。

原文：一步步实现 easyui datagrid表格宽度自适应，效果非常好