{/* Do not edit this file. It is automatically generated by API Documenter. */}


## ValueColumn

Column information model that inherits [GridColumn](/refs/Interface/GridColumn)

**Signature:**

```typescript
export interface ValueColumn extends GridColumn
```
**Extends:** [GridColumn](/refs/Interface/GridColumn)

## Remarks

Additional formatting information, etc. is included.

\[subclass\]

[DataColumn](/refs/Interface/DataColumn)

[SeriesColumn](/refs/Interface/SeriesColumn)

## Events

| Property | Type | Description |
| --- | --- | --- |
| [buttonVisibleCallback](/refs/Interface/ValueColumn#buttonvisiblecallback) | ButtonVisibleCallback | Column button display callback |
| [styleCallback](/refs/Interface/ValueColumn#stylecallback) | [CellStyleCallback](/refs/realgrid#cellstylecallback) | Callbacks for styling |

## Properties

| Property | Type | Description |
| --- | --- | --- |
| [blankWhenCopy](/refs/Interface/ValueColumn#blankwhencopy) | boolean | <p>클립 보드에 복사 시 빈 값을 넘겨줄지의 여부</p><p>SeriesColumn의 경우 기본값이 true이다.</p> |
| [blankWhenExport](/refs/Interface/ValueColumn#blankwhenexport) | boolean | Whether to pass an empty value when exporting |
| [booleanFormat](/refs/Interface/ValueColumn#booleanformat) | string | Format displayed when the value is in Boolean format specified in the column |
| [button](/refs/Interface/ValueColumn#button) | string | Button to display on the right side of data cell |
| [buttonVisibility](/refs/Interface/ValueColumn#buttonvisibility) | [ButtonVisibility](/refs/realgrid#buttonvisibility) | How to display column buttons |
| [datetimeFormat](/refs/Interface/ValueColumn#datetimeformat) | string | If the format displayed when the value is in the date format specified in the column is `undefined`{/* */}, the numberFormat specified in [GridBase.formatOptions](/refs/Class/GridBase#formatoptions){/* */} is applied. . |
| [displayMinusZero](/refs/Interface/ValueColumn#displayminuszero) | boolean | Whether to display something like -0.00 as 0.00 |
| [edgeMark](/refs/Interface/ValueColumn#edgemark) | [EdgeMark](/refs/realgrid#edgemark) | edgeMark display status |
| [editButtonVisibility](/refs/Interface/ValueColumn#editbuttonvisibility) | [ButtonVisibility](/refs/realgrid#buttonvisibility) | How to display cell editor buttons |
| [editor](/refs/Interface/ValueColumn#editor) | [LineCellEditor](/refs/Interface/LineCellEditor) \| [PasswordCellEditor](/refs/Interface/PasswordCellEditor) \| [NumberCellEditor](/refs/Interface/NumberCellEditor) \| [MultiLineCellEditor](/refs/Interface/MultiLineCellEditor) \| [DropDownCellEditor](/refs/Interface/DropDownCellEditor) \| [MultiCheckCellEditor](/refs/Interface/MultiCheckCellEditor) \| [SearchCellEditor](/refs/Interface/SearchCellEditor) \| [DateCellEditor](/refs/Interface/DateCellEditor) \| [BTDateCellEditor](/refs/Interface/BTDateCellEditor) \| [ConfigObject](/refs/realgrid#configobject) \| string | Editor |
| [exportStyleName](/refs/Interface/ValueColumn#exportstylename) | string | Style name to be used when exported to Excel |
| [numberFormat](/refs/Interface/ValueColumn#numberformat) | string \| null | <p>Format displayed when the value is in the numeric format specified in the column.</p><p>When changing the thousands symbol and decimal point, specify them separately with `;`{/* */}.</p> |
| [popupMenu](/refs/Interface/ValueColumn#popupmenu) | [ConfigObject](/refs/realgrid#configobject){/* */}\[\] | Pop-up menu |
| [popupMenuName](/refs/Interface/ValueColumn#popupmenuname) | string | Pop-up menu name |
| [prefix](/refs/Interface/ValueColumn#prefix) | string | Text to be prepended |
| [renderer](/refs/Interface/ValueColumn#renderer) | [TextCellRenderer](/refs/Interface/TextCellRenderer) \| [BarCellRenderer](/refs/Interface/BarCellRenderer) \| [ImageCellRenderer](/refs/Interface/ImageCellRenderer) \| [IconCellRenderer](/refs/Interface/IconCellRenderer) \| [CheckCellRenderer](/refs/Interface/CheckCellRenderer) \| [MultiCheckCellRenderer](/refs/Interface/MultiCheckCellRenderer) \| [ButtonCellRenderer](/refs/Interface/ButtonCellRenderer) \| [ShapeCellRenderer](/refs/Interface/ShapeCellRenderer) \| [LinkCellRenderer](/refs/Interface/LinkCellRenderer) \| [SignalBarCellRenderer](/refs/Interface/SignalBarCellRenderer) \| [Code39CellRenderer](/refs/Interface/Code39CellRenderer) \| [Code128CellRenderer](/refs/Interface/Code128CellRenderer) \| [SeriesTextCellRenderer](/refs/Interface/SeriesTextCellRenderer) \| [SparkLineRenderer](/refs/Interface/SparkLineRenderer) \| [SparkColumnRenderer](/refs/Interface/SparkColumnRenderer) \| [SparkWinLossRenderer](/refs/Interface/SparkWinLossRenderer) \| [ActualTargetTextRenderer](/refs/Interface/ActualTargetTextRenderer) \| [ActualTargetBulletRenderer](/refs/Interface/ActualTargetBulletRenderer) \| [TemplateCellRenderer](/refs/Interface/TemplateCellRenderer) \| [ConfigObject](/refs/realgrid#configobject) \| string | renderer |
| [styleName](/refs/Interface/ValueColumn#stylename) | string | style class name |
| [suffix](/refs/Interface/ValueColumn#suffix) | string | Text to be added after |
| [textFormat](/refs/Interface/ValueColumn#textformat) | string | Format displayed when the value is in text format |
| [textInputCase](/refs/Interface/ValueColumn#textinputcase) | [TextInputCase](/refs/realgrid#textinputcase) | Case conversion of values entered into the editor |
| [valueSeparator](/refs/Interface/ValueColumn#valueseparator) | string | 값을 구분하기 위한 구분자 |

## Events Desc

### buttonVisibleCallback

Column button display callback

`Type` - ButtonVisibleCallback

**Remarks:**

When column.button is set, it is used to display the button only when certain conditions are met.

**Example:**


```js
column.buttonVisibleCallback = function(grid, index, focused, mouseEntered) {
 return (grid.getValue(index.itemIndex, index.fieldName) === "AAA" && (focused || mouseEntered))
}
```

<hr/>

### styleCallback

Callbacks for styling

`Type` - [CellStyleCallback](/refs/realgrid#cellstylecallback)

**Example:**


```js
const f = function (grid, cell) {
    return {
        styleName: 'custom-cell'
        editor: 'text'
    }
}
column.styleCallback = f;
```

<hr/>

## Properties Desc

### blankWhenCopy

Whether to pass an empty value when copying to the clipboard

For SeriesColumn, the default value is true.

`Type` - boolean

<hr/>

### blankWhenExport

Whether to pass an empty value when exporting

`Type` - boolean

<hr/>

### booleanFormat

Format displayed when the value is in Boolean format specified in the column.

`Type` - string

**Remarks:**

Separated with a colon (:) or semicolon (;), the left side is `false`{/* */}, and the right side is `true`{/* */}.

Example) `'Nub: Yub'`

<hr/>

### button

Button to display on the right side of the data cell

`Type` - string

**Example:**


```js
column.button = 'popup';
```

<hr/>

### buttonVisibility

How to display column buttons

`Type` - [ButtonVisibility](/refs/realgrid#buttonvisibility)

<hr/>

### datetimeFormat

If the format displayed when the value is in the date format specified in the column is `undefined`{/* */}, the numberFormat specified in [GridBase.formatOptions](/refs/Class/GridBase#formatoptions){/* */} is applied. .

`Type` - string

**Remarks:**

Example) `'yy-M-dd'`

<hr/>

### displayMinusZero

Whether to display something like -0.00 as 0.00

`Type` - boolean

<hr/>

### edgeMark

EdgeMark display status

`Type` - [EdgeMark](/refs/realgrid#edgemark)

**Remarks:**

Used to highlight cells.

<hr/>

### editButtonVisibility

How to display cell editor buttons

`Type` - [ButtonVisibility](/refs/realgrid#buttonvisibility)

**Remarks:**

Cell editors whose buttons are currently displayed include DropDownCellEditor, DateCellEditor, and SearchCellEditor.

<hr/>

### editor

editor

`Type` - [LineCellEditor](/refs/Interface/LineCellEditor) \| [PasswordCellEditor](/refs/Interface/PasswordCellEditor) \| [NumberCellEditor](/refs/Interface/NumberCellEditor) \| [MultiLineCellEditor](/refs/Interface/MultiLineCellEditor) \| [DropDownCellEditor](/refs/Interface/DropDownCellEditor) \| [MultiCheckCellEditor](/refs/Interface/MultiCheckCellEditor) \| [SearchCellEditor](/refs/Interface/SearchCellEditor) \| [DateCellEditor](/refs/Interface/DateCellEditor) \| [BTDateCellEditor](/refs/Interface/BTDateCellEditor) \| [ConfigObject](/refs/realgrid#configobject) \| string

**Remarks:**

See [CellEditor](/refs/Interface/CellEditor)

<hr/>

### exportStyleName

Style name to be used when exported to Excel

`Type` - string

<hr/>

### numberFormat

Format displayed when the value is in the numeric format specified in the column

When changing the thousands symbol and decimal point, specify them separately with `;`{/* */}.

`Type` - string \| null

**Remarks:**

Example) If `' #,##0.### '` `undefined`{/* */}, the numberFormat specified in [GridBase.formatOptions](/refs/Class/GridBase#formatoptions){/* */} apply.

Format - Format; Decimal point symbol; Thousands symbol; Rounding classification

Rounding distinction - How to handle specified decimal places `c` - round up `f` - round down `a` - display as absolute value

**Example:**


```js
// Display `,` for every thousand units and round off decimal places
gridView.columnByName("number").numberFormat = "#,##0";

// When changing the thousands symbol and decimal point
gridView.columnByName("number").numberFormat = "#,##0.00;,;."

// Display only up to 2 decimal places and discard the 3rd place.
gridView.columnByName("number").numberFormat = "#,##0.00;;;f"
```

<hr/>

### popupMenu

Pop-up menu

`Type` - [ConfigObject](/refs/realgrid#configobject){/* */}\[\]

**Remarks:**

Once a menu is designated, the menu button is activated when the mouse enters or focuses on a data cell. [MenuItem](/refs/Interface/MenuItem) is an array form of the model.

<hr/>

### popupMenuName

Pop-up menu name

`Type` - string

**Remarks:**

The menu registered with [GridBase.addPopupMenu()](/refs/Class/GridBase#addpopupmenu){/* */} is used as the pop-up menu for the column.

<hr/>

### prefix

text to be added before

`Type` - string

**Remarks:**

When displaying data, the text to be added in front of the specified value is displayed in front of the value.

<hr/>

### renderer

renderer

`Type` - [TextCellRenderer](/refs/Interface/TextCellRenderer) \| [BarCellRenderer](/refs/Interface/BarCellRenderer) \| [ImageCellRenderer](/refs/Interface/ImageCellRenderer) \| [IconCellRenderer](/refs/Interface/IconCellRenderer) \| [CheckCellRenderer](/refs/Interface/CheckCellRenderer) \| [MultiCheckCellRenderer](/refs/Interface/MultiCheckCellRenderer) \| [ButtonCellRenderer](/refs/Interface/ButtonCellRenderer) \| [ShapeCellRenderer](/refs/Interface/ShapeCellRenderer) \| [LinkCellRenderer](/refs/Interface/LinkCellRenderer) \| [SignalBarCellRenderer](/refs/Interface/SignalBarCellRenderer) \| [Code39CellRenderer](/refs/Interface/Code39CellRenderer) \| [Code128CellRenderer](/refs/Interface/Code128CellRenderer) \| [SeriesTextCellRenderer](/refs/Interface/SeriesTextCellRenderer) \| [SparkLineRenderer](/refs/Interface/SparkLineRenderer) \| [SparkColumnRenderer](/refs/Interface/SparkColumnRenderer) \| [SparkWinLossRenderer](/refs/Interface/SparkWinLossRenderer) \| [ActualTargetTextRenderer](/refs/Interface/ActualTargetTextRenderer) \| [ActualTargetBulletRenderer](/refs/Interface/ActualTargetBulletRenderer) \| [TemplateCellRenderer](/refs/Interface/TemplateCellRenderer) \| [ConfigObject](/refs/realgrid#configobject) \| string

**Remarks:**

See [CellRenderer](/refs/Interface/CellRenderer)

<hr/>

### styleName

style class name

`Type` - string

<hr/>

### suffix

text to be added after

`Type` - string

**Remarks:**

When displaying data, the text to be added after designation is attached to the end of the value.

<hr/>

### textFormat

Format displayed when the value is in text format

`Type` - string

**Remarks:**

Separate with a semicolon (;) and specify the same type as the first parameter of String.prototype.replace on the left and the second parameter on the right. Example) `'([A-Za-z]*); Mr\. \$1'`

<hr/>

### textInputCase

Case conversion type of values entered into the editor

`Type` - [TextInputCase](/refs/realgrid#textinputcase)

<hr/>

### valueSeparator

Separator to separate values

`Type` - string

**Remarks:**

A separator used to distinguish values when data is in the form of “value, value” and displayed in the form of “label, label” or a separator used to distinguish the values of fields.
<hr/>