컬럼
number 컬럼 타입 값 범위·증감 설정
QCELL에서는 number
타입 컬럼에서 값의 범위와 증감 단위를 제어하기 위해 min, max, step 옵션을 제공합니다.
이를 통해 유효한 숫자 범위를 지정할 수 있습니다.
📌참고
number 타입 컬럼의 min, max는 사용자가 직접 입력하는 값뿐 아니라, 버튼(위/아래 버튼)으로 값을 증감할 때도 동일하게 적용됩니다.
예를 들어, step: 100으로 설정하면 버튼을 클릭할 때마다 100 단위로 증감합니다.
1️⃣ 옵션 설명
옵션명 | 타입 | 설명 |
---|---|---|
min | number | 입력할 수 있는 최소값 |
max | number | 입력할 수 있는 최대값 |
step | number | 값이 증감하는 단위 |
2️⃣ 사용 예제
아래는 number 타입 컬럼에 min, max, step 옵션을 설정한 예제입니다.
사용자가 0 ~ 1000 사이의 값만 입력 가능하며, 100 단위로 증감합니다.
{
key: 'cost',
type: "number"
width: '8%',
title: ['number'],
options: {
min: 0, // 최소값: 사용자가 입력할 수 있는 최소값을 설정
max: 1000, // 최대값: 사용자가 입력할 수 있는 최대값을 설정
step: 100, // 증감 단위: 값이 조정될 때 증가할 최소 단위 설정
format: {
type: "number",
rule: "₩ #,###.00" // 출력 형식: 숫자 형식을 지정 (예: ₩ 1,000.00)
}
}
}
📌참고
▪️ min, max를 지정하지 않으면 기본적으로 제한 없이 입력할 수 있습니다.
▪️ step을 지정하지 않으면 기본 증감 단위는 1입니다.