# Display and Edit Multiple Data Item Fields in a Single Grid Cell

## Environment

<table>
    <tbody>
	    <tr>
	    	<td>Product Version</td>
	    	<td>3.3.2</td>
	    </tr>
	    <tr>
	    	<td>Product</td>
	    	<td>Progress® Kendo UI for Vue</td>
	    </tr>
    </tbody>
</table>

## Description

The current Knowledge base article demonstrates how you can display multiple data item fields data in a single Kendo UI for Vue `Grid` cell.

**KB sections**

* [Solution description](https://www.telerik.com/kendo-vue-ui-develop/components/knowledge-base/grid-display-and-edit-multiple-dataitem-fields-in-one-cell#solution-description)
* [Runnable example](https://www.telerik.com/kendo-vue-ui-develop/components/knowledge-base/grid-display-and-edit-multiple-dataitem-fields-in-one-cell#runnable-example)

## Solution description

The below solution uses the [cell](https://www.telerik.com/kendo-vue-ui-develop/components/grid/api/gridcolumnprops#cell) property of the Grid's column. Through this property, we can customize the way the selected cell looks.

To display the `Status`, `Public`, and `Hide` fields available in the data item of each Grid row, the example uses the `StatusCell` custom component. What the custom component does is ensure the displaying of more than one data item in the "Status" field of the Grid.

### Runnable example

[Demo Source](https://demos.telerik.com/kendo-vue-ui/knowledge-base/grid-display-and-edit-multiple-dataitem-fields-in-one-cell/source.txt)