컬럼 너비 자동 조정
RealGrid는 최상위 컬럼 셋 전체를 그리드의 너비에 채워서 맞추는 몇가지 방식을 제공하고 있습니다. DevBox에서 기능을 확인해보세요.
버튼 클릭으로 그룹 컬럼이 표시된 상태에서 컬럼 너비 자동 조정 기능을 적용시켜 보시기 바랍니다.
버튼 클릭 시 그룹컬럼이 그리드에 표시됩니다.
1
2
3
4
5
6
7
var groupVisible = gridView.getColumnProperty("GroupOrder","visible");
if(groupVisible){
gridView.setColumnPropert("GroupOrder", "visible", false);
} else {
gridView.setColumnPropert("GroupOrder","visible", true);
}
채우기를 하지 않습니다.
1
2
3
gridView.setDisplayOptions({
fitStyle: "none"
});
컬럼 전체의 너비가 그리드 영역보다 작으면 각 컬럼의 너비를 width 속성값에 맞춰 그리드의 너비에 맞게 비례적으로 배분합니다.
1
2
3
gridView.setDisplayOptions({
fitStyle: "even"
});
컬럼 전체 너비와 상관없이 각 컬럼의 너비를 width 속성값에 맞춰 그리드의 너비에 맞게 비례적으로 항상 배분합니다.
1
2
3
gridView.setDisplayOptions({
fitStyle: "evenFill"
});
컬럼 전체의 너비가 그리드 영역보다 작으면 fillWidth 값이 0 이하인 컬럼은 손대지 않고, 0보다 큰 컬럼들을 fillWidth 비율대로 배분합니다. 아래 예제에서는 “Customer ID”, “Employee ID” 컬럼들만 fillWidth 값이 1로 설정됐습니다.
1
2
3
gridView.setDisplayOptions({
fitStyle: "fill"
});