Set Options - RealGrid

grid, provider 옵션 적용하기

gridView 옵션은 gridProps에 지정하며 provider 옵션은 dataProps에 아래와 같이 옵션을 적용할 수 있습니다.
gridView 옵션 설정은 gridView 옵션 (opens in a new tab), provider 옵션 설정은 provider 옵션 (opens in a new tab)를 참조하세요.

import {RGDataField, RGDataColumn, RealGridReact } from "realgrid-react"
 
const App = () => {
    const gridRef = useRef<RealGridReact>(null);
 
    return (
        <div style={{width:"100%", height: "550px"}}>
            <RealGridReact 
              ref={gridRef}
              rows={[
                {field1:"컬럼1데이터",field2:"컬럼2데이터"},
                {field1:"컬럼1데이터",field2:"컬럼2데이터"}
              ]}
              gridProps={{
                edit:{commitByCell: true},
                groupPanel:{visible: true}
              }}
              dataProps={{softDeleting:true}}
            >
                <RGDataField fieldName="field1"/>
                <RGDataField fieldName="field2"/>
                <RGDataColumn name="field1" fieldName="field1" width={200}/>
                <RGDataColumn name="field2" fieldName="field2"/>
            </RealGridReact>
        </div>    
    )
}
 
export default App

그리드 데이터 채우기 데이터 타입과 에디터 설정