column 의 width 자동 조정 질의

AXISJ AX5UI
1

아래 와같은 columns 설정 상태인데요.
각column 의 width 싸이즈를 각 column수 대비 비률에 맞춰서 div 가로 싸이즈에 꽉차게 하고 싶습니다.
혹시 방법 아시는 분 도움 좀 부탁드립니다.
마지막 column 다음에 빈공간이 있어 UI가 꾸져 보여서요 ;;

<#div data-ax5grid=“first-grid” data-ax5grid-config="{}" style=“width:100%; height: 400px;”>
</div#>-

		   	     firstGridSalse.setConfig({
				    	 target: $('[data-ax5grid="first-grid"]'),
				         showLineNumber: true,
				         sortable: true,
				         header: {
				        	 align:"center",
					},
				         body: {
			                        mergeCells: ["salesDate"]
					},
				         columns: [
				             {
				            	 key: "__index", 
				            	 label: "NO", 
				            	 align: "right", 
				            	 width: 50,
				             },
				             {
				            	 key: "salesDate",
				            	 label: "일자",
				            	 align: "center",
				            	 width: 200
				             },
				             {
				            	 key: "martName", 
				            	 label: "이름", 
				            	 align: "right", 
				            	 width: 200,
				             },
				             {
				            	 key: "customerCount", 
				            	 label: "전화번호", 
				            	 align: "right", 
				            	 width: 200,
				             },
				             {
				            	 key: "customerCount", 
				            	 label: "주소", 
				            	 align: "right", 
				            	 width: 200,
				             },
				             }
				         ]
                       });
2

저도 같은생각인데 어떤부분은 최대한 컬럼 width 를 퍼센트로 늘려서 해결했는데 또 어떤부분은 컬럼 % 값도 안먹히고 체크박스는 헤더부분에 생기지도않고… 옆에 index 도 위에 헤더에 NO. 이라는 걸 넣고싶은데 어떻게하는지도모르겟고~

3

ㅎㅎ;; 저는 ax5grid.js 소스를 수정해서 No로 나오게 했어요;; 아래 소스 부분 참고 하셔요.

if (cfg.showLineNumber) {
_col = jQuery.extend({}, col, {
width: cfg.lineNumberColumnWidth,
_width: cfg.lineNumberColumnWidth,
columnAttr: “lineNumber”,
key: “index_header”,
// label: " " //2018.08.07 주석처리: 라인넘버 나오 도록 아래 추가.
label:i.lineNumberColumnName,_label:i.lineNumberColumnName
});
colGroup.push(_col);
data.rows[i].cols.push(_col);
}

마지막 컬럼 나오지 않게 하는것도 ax5grid.js 파일을 수정해서 처리 했어요 ㅎㅎ;;