column 의 width 자동 조정 질의

ax5ui

(l0pest) #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,
				             },
				             }
				         ]
                       });