EasyUI-datagrid動的追加カラム(またはヘッダー)

開発プロジェクトの過程で動的にdatagridの列(あるいは表の頭)を修正することに出会って、フロントあるいはJqueryに対してあまり熟知していないためです.最初は列のプロパティhidden=trueまたはfalseを動的に変更して列を表示または非表示にするつもりでしたが、Jqueryはあまり詳しくありません.最後にネット検索を振り回して、方法を見つけて、記録しました.主な考え方は、Jqueryまたはjsによって列を動的に変更することです.たとえば、次のようにします.

$("#datagrid").datagrid({
			columns: [[  
			           { field: '111111', title:'   ', width: 225 },  
			           { field: '222222',title: '   ', width: 225 },  
			           { field: '333333',title: '   ', width: 225 },
			          ]] 
		});
$("#datagrid").datagrid('loadData', data)