> ## Documentation Index
> Fetch the complete documentation index at: https://hellocsv.mintlify.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Common Column Props

All column types share these properties.

## id

**Type:** `string`

**Required:** Yes

**Description:**\
Unique identifier for the column.

***

## type

**Type:** `ColumnType`

**Required:** Yes

**Description:**\
Defines the column type.

***

## label

**Type:** `string`

**Required:** Yes

**Description:**\
Display name for the column.

***

## suggestedMappingKeywords

**Type:** `string[]`

**Required:** No

**Description:**\
Keywords to assist in automatic mapping.

***

## isReadOnly

**Type:** `boolean`

**Required:** No

**Description:**\
Indicates whether the column is editable.

***

## validators

**Type:** `ImporterValidatorDefinition[]`

**Required:** No

**Description:**\
Array of validation rules.

***

## transformers

**Type:** `ImporterTransformerDefinition[]`

**Required:** No

**Description:**\
Array of transformation rules.

***

## customRender

**Type:** `(value: ImporterOutputFieldType, displayValue: ImporterOutputFieldType) => ReactNode`

**Required:** No

**Description:**\
Custom render function for the cell.

The function gets passed

* `value` - the row value of the cell
* `displayValue` - the display value of the cell - that is a value that extracts enum labels and prevents empty values from being displayed. You should use this value to display the cell.

The function should return a ReactNode.

When rendering the cell you should remember that the background color of the cell could be

* `bg-hello-csv-danger-extra-light` - in case of validation errors
* `bg-hello-csv-muted` - in case of read only columns
* default background colors - in other case