숫자와 슬라이더 컬럼은 min, max, step이라는 동일한 옵션을 가지며, min은 최소값, max는 최대값, step은 한칸씩 이동할 때마다 증감되는 값을 설정할 수 있습니다.
버튼 컬럼은 버튼의 위치, 버튼의 넓이, 버튼의 크기, 버튼에 표시될 내용, 버튼을 클릭하였을 때 동작할 function을 설정할 수 있습니다.
다만 버튼을 문장과 같이 사용할 경우, 버튼의 위치값을 'center'로 두어도 문장의 좌측에 위치하기 때문에 위치가 맞지 않을 수 있습니다.
그리고, 각 컬럼별 버튼의 class가 별도로 되어 있기 때문에 원하는 형태로 쉽게 css를 이용하여 모양을 변경할 수 있습니다.
{title: ["number 컬럼1"], key: "age", type: "number"},
{title: ["number 컬럼2"], key: "age", type: "number", options:{min: 30, max: 60, step: 5}},
{title: ["slider 컬럼"], key: "random", type: "slider" },
{title: ["slider 컬럼"], key: "random", type: "slider", options:{min: 20, max: 80, step: 4}},
{title: ["버튼 컬럼1"], key: "button", type: "button", options: {buttonposition: 'center', buttonwidth: '30', buttonheight: '20px', buttonclick: fnBtnClick1}},
{title: ["버튼 컬럼2"], key: "city", type: "button", options: {buttonposition: 'left', buttonlabel: 'btn2', buttonclick: fnBtnClick2}},
{title: ["버튼 컬럼3"], key: "city", type: "button", options: {buttonposition: 'right', buttonlabel: 'btn3', buttonclick: fnBtnClick3}},