---
id: fast-foundation.datagridcell
title: DataGridCell class
hide_title: true
---
<!-- Do not edit this file. It is automatically generated by API Documenter. -->

[@microsoft/fast-foundation](./fast-foundation.md) &gt; [DataGridCell](./fast-foundation.datagridcell.md)

## DataGridCell class

A Data Grid Cell Custom HTML Element.


cell-focused - Fires a custom 'cell-focused' event when focus is on the cell or its contents


- The default slot for cell contents. The "cell contents template" renders here.

<b>Signature:</b>

```typescript
export declare class DataGridCell extends FoundationElement 
```

## Properties

|  Property | Modifiers | Type | Description |
|  --- | --- | --- | --- |
|  [cellType](./fast-foundation.datagridcell.celltype.md) |  | [DataGridCellTypes](./fast-foundation.datagridcelltypes.md) | The type of cell |
|  [columnDefinition](./fast-foundation.datagridcell.columndefinition.md) |  | [ColumnDefinition](./fast-foundation.columndefinition.md) \| null | The base data for the column |
|  [gridColumn](./fast-foundation.datagridcell.gridcolumn.md) |  | string | The column index of the cell. This will be applied to the css grid-column-index value applied to the cell |
|  [rowData](./fast-foundation.datagridcell.rowdata.md) |  | object \| null | The base data for the parent row |

## Methods

|  Method | Modifiers | Description |
|  --- | --- | --- |
|  [handleFocusin(e)](./fast-foundation.datagridcell.handlefocusin.md) |  |  |
|  [handleFocusout(e)](./fast-foundation.datagridcell.handlefocusout.md) |  |  |
|  [handleKeydown(e)](./fast-foundation.datagridcell.handlekeydown.md) |  |  |
