Set Options - RealGrid

Applying grid and provider options

The grid option is specified in grid-props, and the provider option can be applied to data-props as follows. For gridView option settings, refer to gridView options (opens in a new tab), for provider option settings, refer to provider options (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>

Fill grid data Set data type and editor