动态修改easyui-datagrid 列

Posted 2020-10-01 人生为卒

 

<table id="DataList" title="查询结果" style="width:99%;padding:10px;"></table>

① 隐藏列

$(‘#DataList‘).datagrid(‘hideColumn‘, ‘Columnfield‘);

② 动态修改列标题

$(‘div[class$="Columnfield"] :not(.datagrid-sort-icon)‘).html(‘需要显示的新标题‘);

 

 

eg:

 <table id="CompanyInfoList" title="查询结果" style="width:99%;padding:10px;"></table>


 onLoadSuccess: function (data) {

               
                $(‘div[class$="Columnfield"] :not(.datagrid-sort-icon)‘).html(‘需要显示的新标题‘);

                $(‘#CompanyInfoList‘).datagrid(‘hideColumn‘, ‘Columnfield‘);

                $(‘#CompanyInfoList‘).datagrid(‘clearSelections‘);
            }