Set PropertyGrid (DataGrid) Cell Value to ReadOnly

[don]

How do I make a specific property value readonly? For example, if I wanted email value to be readonly, but all other cell values editable.

[jarry]

Look at this example. The 'Address' row can't be edited while clicking it.

Code:

<DataGrid
  :data="data"
  :clickToEdit="true"
  groupField="group"
  editMode="row"
  style="width:500px;height:250px"
>
  <GridColumn align="center" cellCss="datagrid-td-rownumber" width="30">
    <template slot="body" slot-scope="scope">{{scope.rowIndex + 1}}</template>
  </GridColumn>
  <GridColumn field="name" title="Name"></GridColumn>
  <GridColumn field="value" title="Value" :editable="true">
    <template slot="edit" slot-scope="scope">
      <TextBox v-if="scope.row.editor=='textbox' && scope.row.name!='Address'" v-model="scope.row.value"></TextBox>
      <DateBox v-if="scope.row.editor=='datebox'" v-model="scope.row.value"></DateBox>
      <NumberBox v-if="scope.row.editor=='numberbox'" v-model="scope.row.value"></NumberBox>
    </template>
    <template slot="body" slot-scope="scope">
      <div v-if="scope.row.editor=='datebox'">{{scope.row.value | formatDate}}</div>
      <div v-if="scope.row.editor=='textbox'">{{scope.row.value}}</div>
      <div v-if="scope.row.editor=='numberbox'">{{scope.row.value}}</div>
    </template>
  </GridColumn>
</DataGrid>