컬럼 너비 자동 조정
RealGrid는 최상위 컬럼 셋 전체를 그리드의 너비에 채워서 맞추는 몇가지 방식을 제공하고 있습니다. DevBox에서 기능을 확인해보세요.
pivot, grid, 피벗, 필터, filter
pivot, export
pivot, style, callback, styleCallback
pivot, value, getCellValue
pivot, pivotFields, getPivotFields
버튼 클릭으로 그룹 컬럼이 표시된 상태에서 컬럼 너비 자동 조정 기능을 적용시켜 보시기 바랍니다.
버튼 클릭 시 그룹컬럼이 그리드에 표시됩니다.
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"
});