1. 程式人生 > >動態修改easyui-datagrid 列

動態修改easyui-datagrid 列

csharp eas blog 動態修改 field grid datagrid htm 查詢

<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‘);
            }

  

動態修改easyui-datagrid 列