jqxdatatables columnGroups 항목 그룹 맵핑

jqxdatatables 작업 시 컬럼을 그룹핑 해야 하는경우 ex> https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxdatatable/jquery-datatable-api.htm http://jsfiddle.net/h2zxsrv6/ 의 columnGroups처럼

coulumns:[
	{text:'no1', dataField:'data1', width:'10%', cellsAlign:'center', align:'center', columnGroup:'groups1'},
	{text:'no2', dataField:'data2', width:'10%', cellsAlign:'center', align:'center', columnGroup:'groups1'},
	{text:'no3', dataField:'data3', width:'10%', cellsAlign:'center', align:'center', columnGroup:'groups1'},
	{text:'no4', dataField:'data4', width:'10%', cellsAlign:'center', align:'center', columnGroup:'groups1'},
	{text:'no5', dataField:'data5', width:'10%', cellsAlign:'center', align:'center', columnGroup:'groups2'},
	{text:'no6', dataField:'data6', width:'10%', cellsAlign:'center', align:'center', columnGroup:'groups2'},
	{text:'no7', dataField:'data7', width:'10%', cellsAlign:'center', align:'center', columnGroup:'groups2'},
	{text:'no8', dataField:'data8', width:'10%', cellsAlign:'center', align:'center', columnGroup:'groups2'},
	{text:'no9', dataField:'data9', width:'10%', cellsAlign:'center', align:'center', columnGroup:'groups3'},
	{text:'no10', dataField:'data10', width:'10%', cellsAlign:'center', align:'center', columnGroup:'groups3'},
	{text:'no11', dataField:'data11', width:'10%', cellsAlign:'center', align:'center', columnGroup:'groups3'},
	{text:'no12', dataField:'data12', width:'10%', cellsAlign:'center', align:'center', columnGroup:'groups3'}
],
columnGroups:[
	{text:'그룹1', align:'center', name:'groups1'},
	{text:'그룹2', align:'center', name:'groups2'},
	{text:'그룹3', align:'center', name:'groups3'},
]

같이 설정 하면 그룹 생성기 가능 합니다. 문제는 하위 버전의 플러그인을 사용하는 경우 예시와 같이 데이터 변경시 에러가 발생 되는 경우가 있습니다. 이 경우 플러그인 버전을 최신으로 변경 해주거나 페이지 이동 방식으로 처리를 해줘야 합니다.