RealGrid2 튜토리얼
Vue Component 튜토리얼
옵션 설정

grid, provider 옵션 적용하기

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

<template>
    <div style="width: 1000px; height: 400px">
        <RealGridVue
            ref="gridRef"
            :grid-props="{edit: {insertable: true, appendable: true}, display: {rowHeight: 40}}"
            :data-props="{softDeleting: true}"
            :rows="[
                { field1: '컬럼1데이터', field2: '컬럼2데이터' },
                { field1: '컬럼1데이터', field2: '컬럼2데이터' },
            ]"
            :auto-generate-field="true">
            <RGDataColumn field-name="field1" :width="100" key="field1"></RGDataColumn>
            <RGDataColumn field-name="field2" :width="100" key="field2"></RGDataColumn>
        </RealGridVue>
    </div>
<template>