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);
    const fields = [{name: "field1"}, {name: "field2"}];
    const columns = [
        {name: "field1", fieldName: "field1", width:200},
        {name: "field2", fieldName: "field2"}
    ];
 
    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}}
            >
                { fields.map((field)=><RGDataField key={field.name} {...field}/> ) }
                { columns.map((col)=><RGDataColumn key={col.name} {...col}/>) }
            </RealGridReact>
        </div>    
    )
}
 
export default App

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