[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表格宽度自适应,效果非常好

你可能感兴趣的:(ASP.NET网站开发)