# TableCell

Individual table cell component that renders a single cell within a table row. Handles rendering of regular data cells and special action columns.

## Installation

```tsx
import { TableCell } from 'uxp/components';
```

## Signature

```tsx
const TableCell: React.FunctionComponent<TableCellProps>
```

## Examples

```tsx
tsx
<TableCell
  row={rowData}
  column={columnDef}
  renderCell={(row, col) => <span>{row[col.id]}</span>}
/>
```

## Properties

| Name       | Type                                                                                      | Mandatory | Default Value | Example Value |
| ---------- | ----------------------------------------------------------------------------------------- | --------- | ------------- | ------------- |
| row        | any                                                                                       | Yes       | -             | -             |
| column     | [ExtendedColumn](https://help.iviva.com/uxp/v5/additional-resources/types/extendedcolumn) | Yes       | -             | -             |
| renderCell | (row: any, column: ExtendedColumn) => React.ReactNode                                     | No        | -             | -             |

## Related Types

* [TableCellProps](https://help.iviva.com/uxp/v5/additional-resources/types/tablecellprops)
* [ExtendedColumn](https://help.iviva.com/uxp/v5/additional-resources/types/extendedcolumn)
* [Column](https://help.iviva.com/uxp/v5/additional-resources/types/column)