# GC.Data

## Content

# Namespace: Data

[GC](GC).Data

## Table of contents

### Enumerations

- [RowColumnStates](../enums/GC.Data.RowColumnStates)
- [StateRuleDirection](../enums/GC.Data.StateRuleDirection)
- [ViewArea](../enums/GC.Data.ViewArea)

### Classes

- [DataManager](../classes/GC.Data.DataManager)
- [Table](../classes/GC.Data.Table)
- [View](../classes/GC.Data.View)

### Interfaces

- [IRelationship](../interfaces/GC.Data.IRelationship)
- [ITables](../interfaces/GC.Data.ITables)
- [IViews](../interfaces/GC.Data.IViews)
- [RowFormulaRule](../interfaces/GC.Data.RowFormulaRule)

### Type aliases

- [AverageRuleOptions](GC.Data#averageruleoptions)
- [AverageType](GC.Data#averagetype)
- [CellButtonOptions](GC.Data#cellbuttonoptions)
- [CellValueComparisonOperator](GC.Data#cellvaluecomparisonoperator)
- [CellValueRuleOptions](GC.Data#cellvalueruleoptions)
- [CellValueType](GC.Data#cellvaluetype)
- [CheckboxOptions](GC.Data#checkboxoptions)
- [ColorPickerGroup](GC.Data#colorpickergroup)
- [ColorPickerOptions](GC.Data#colorpickeroptions)
- [ColorString](GC.Data#colorstring)
- [ColumnBindingInfo](GC.Data#columnbindinginfo)
- [ColumnType](GC.Data#columntype)
- [ComboBoxOptions](GC.Data#comboboxoptions)
- [DataBarAxisPosition](GC.Data#databaraxisposition)
- [DataBarRuleDirection](GC.Data#databarruledirection)
- [DataBarRuleNegativeOptions](GC.Data#databarrulenegativeoptions)
- [DataBarRuleOptions](GC.Data#databarruleoptions)
- [DateOccurringRuleOptions](GC.Data#dateoccurringruleoptions)
- [DateOccurringType](GC.Data#dateoccurringtype)
- [DateTimePickerOptions](GC.Data#datetimepickeroptions)
- [DateValidatorOptions](GC.Data#datevalidatoroptions)
- [Decoration](GC.Data#decoration)
- [DropDownOptions](GC.Data#dropdownoptions)
- [DuplicateRuleOptions](GC.Data#duplicateruleoptions)
- [ErrorStyle](GC.Data#errorstyle)
- [FileUploadOptions](GC.Data#fileuploadoptions)
- [FormulaListValidatorOptions](GC.Data#formulalistvalidatoroptions)
- [FormulaRule](GC.Data#formularule)
- [FormulaRuleOptions](GC.Data#formularuleoptions)
- [FormulaString](GC.Data#formulastring)
- [FormulaValidatorOptions](GC.Data#formulavalidatoroptions)
- [GradientFillOptions](GC.Data#gradientfilloptions)
- [GradientPathFillOptions](GC.Data#gradientpathfilloptions)
- [GradientStop](GC.Data#gradientstop)
- [HeaderStyleOptions](GC.Data#headerstyleoptions)
- [HierarchyCustomParseHandler](GC.Data#hierarchycustomparsehandler)
- [HierarchyCustomUnparseHandler](GC.Data#hierarchycustomunparsehandler)
- [HighlightStyle](GC.Data#highlightstyle)
- [HyperlinkOptions](GC.Data#hyperlinkoptions)
- [IColumn](GC.Data#icolumn)
- [IColumnCollection](GC.Data#icolumncollection)
- [ICrossAttributeOptions](GC.Data#icrossattributeoptions)
- [ICrossOptions](GC.Data#icrossoptions)
- [ICrossViewOptions](GC.Data#icrossviewoptions)
- [IDataSourceOption](GC.Data#idatasourceoption)
- [IFormulaCollection](GC.Data#iformulacollection)
- [IHierarchyCustomParseOptions](GC.Data#ihierarchycustomparseoptions)
- [IHierarchyCustomUnparseOptions](GC.Data#ihierarchycustomunparseoptions)
- [IHierarchyOption](GC.Data#ihierarchyoption)
- [IHierarchyOutlineColumnOptions](GC.Data#ihierarchyoutlinecolumnoptions)
- [IHierarchySummaryFieldCollection](GC.Data#ihierarchysummaryfieldcollection)
- [ILookupOptions](GC.Data#ilookupoptions)
- [IOutlineColumnOptions](GC.Data#ioutlinecolumnoptions)
- [IRemoteReadRequestOption](GC.Data#iremotereadrequestoption)
- [IRemoteRequestOption](GC.Data#iremoterequestoption)
- [IRemoteTransportOption](GC.Data#iremotetransportoption)
- [ISchemaOption](GC.Data#ischemaoption)
- [ITriggerFormulaOption](GC.Data#itriggerformulaoption)
- [Icon](GC.Data#icon)
- [IconCriteriaOptions](GC.Data#iconcriteriaoptions)
- [IconOptions](GC.Data#iconoptions)
- [IconSetRuleOptions](GC.Data#iconsetruleoptions)
- [IconSetType](GC.Data#iconsettype)
- [IconValueType](GC.Data#iconvaluetype)
- [ItemOptions](GC.Data#itemoptions)
- [LabelOptions](GC.Data#labeloptions)
- [LineBorder](GC.Data#lineborder)
- [ListItem](GC.Data#listitem)
- [ListLayout](GC.Data#listlayout)
- [ListOptions](GC.Data#listoptions)
- [ListString](GC.Data#liststring)
- [ListValidatorOptions](GC.Data#listvalidatoroptions)
- [MaskType](GC.Data#masktype)
- [MonthPickerOptions](GC.Data#monthpickeroptions)
- [MultiColumnOptions](GC.Data#multicolumnoptions)
- [NumberValidatorOptions](GC.Data#numbervalidatoroptions)
- [PatternFillOptions](GC.Data#patternfilloptions)
- [RadioButtonCheckboxListOptions](GC.Data#radiobuttoncheckboxlistoptions)
- [RemoteChangeHandler](GC.Data#remotechangehandler)
- [RemoteReadHandler](GC.Data#remotereadhandler)
- [ScaleValueType](GC.Data#scalevaluetype)
- [SliderOptions](GC.Data#slideroptions)
- [SpecificTextComparisonOperator](GC.Data#specifictextcomparisonoperator)
- [SpecificTextRuleOptions](GC.Data#specifictextruleoptions)
- [StateRule](GC.Data#staterule)
- [StyleOptions](GC.Data#styleoptions)
- [StyleRule](GC.Data#stylerule)
- [StyleRules](GC.Data#stylerules)
- [TextDecoration](GC.Data#textdecoration)
- [TextLengthString](GC.Data#textlengthstring)
- [TextLengthValidatorOptions](GC.Data#textlengthvalidatoroptions)
- [ThreeScaleRuleOptions](GC.Data#threescaleruleoptions)
- [TimePickerOptions](GC.Data#timepickeroptions)
- [TimePickerValue](GC.Data#timepickervalue)
- [TimeValidatorOptions](GC.Data#timevalidatoroptions)
- [Top10RuleOptions](GC.Data#top10ruleoptions)
- [Top10Type](GC.Data#top10type)
- [TwoScaleRuleOptions](GC.Data#twoscaleruleoptions)
- [UniqueRuleOptions](GC.Data#uniqueruleoptions)
- [ViewOptions](GC.Data#viewoptions)
- [WorkFlowItem](GC.Data#workflowitem)
- [WorkFlowOptions](GC.Data#workflowoptions)

## Type aliases

### <a id="averageruleoptions" name="averageruleoptions"></a> AverageRuleOptions

Ƭ **AverageRuleOptions**: `Object`

**`property`** {"averageRule"} ruleType - The rule type if you want to use average rule.

**`property`** {GC.Data.AverageType} type - The average type.

**`property`** {GC.Data.StyleOptions} style - The style that is applied to the cell when the condition is met.

**`property`** {number} priority - The priority of the rule.

**`property`** {boolean} stopIfTrue - Whether rules with lower priority are applied before this rule.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `priority` | `number` | The priority of the rule. |
| `ruleType` | ``"averageRule"`` | The rule type if you want to use average rule. |
| `stopIfTrue` | `boolean` | Whether rules with lower priority are applied before this rule. |
| `style` | [`StyleOptions`](GC.Data#styleoptions) | The style that is applied to the cell when the condition is met. |
| `type` | [`AverageType`](GC.Data#averagetype) | The average type. |

___

### <a id="averagetype" name="averagetype"></a> AverageType

Ƭ **AverageType**: ``"above"`` \| ``"below"`` \| ``"equalOrAbove"`` \| ``"equalOrBelow"`` \| ``"above1StdDev"`` \| ``"below1StdDev"`` \| ``"above2StdDev"`` \| ``"below2StdDev"`` \| ``"above3StdDev"`` \| ``"below3StdDev"``

**`description`** The average type.

___

### <a id="cellbuttonoptions" name="cellbuttonoptions"></a> CellButtonOptions

Ƭ **CellButtonOptions**: `Object`

**`property`** {string} position - The button's position in cell, which supports "left", "right", "leftOfText", "rightOfText".

**`property`** {boolean} useButtonStyle - Whether the cellButton is a button style, default value is false.

**`property`** {boolean} enabled - Whether the cell button responds to user actions, default value is true.

**`property`** {number} width - The button's width. If it is set to null or undefined, the button width is auto fit based on the caption and image size.

**`property`** {string} caption - The text of the button to display.

**`property`** {string} imageSrc - When imageType is custom, can Specifies a image (base64) by imageSrc.

**`property`** {Object} imageSize - The image's size by object {width: 16, height: 16}, default value is 16px * 16px.

**`property`** {number} imageSize.width - The image width.

**`property`** {number} imageSize.height - The image height.

**`property`** {string} captionAlign - The alignment of image and caption, which supports "left", "right".

**`property`** {string | Function} command - When click button, allow user to execute a command or user can execute a callback.

**`property`** {string} imageType - The button's type (the type of image to display in the button). Provide some predefined type for cellButton, custom allow to Specifies icon.
It supports "none", "custom", "clear", "cancel", "ok", "dropdown", "ellipsis", "left", "right", "plus", "minus", "undo", "redo", "search", "separator", "spinLeft", "spinRight", "collapse", "expand".

**`property`** {string} visibility - The button can be visible "always", "onSelected", "onEditing", default value is "always".

**`property`** {string} hoverBackColor - The hover backColor of cell button when the button is visible and enable.

**`property`** {string} buttonBackColor - The backColor of cell button when the button is enable.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `buttonBackColor?` | `string` | The backColor of cell button when the button is enable. |
| `caption?` | `string` | The text of the button to display. |
| `captionAlign?` | ``"left"`` \| ``"right"`` | The alignment of image and caption, which supports "left", "right". |
| `command?` | `string` \| (`sheet`: `any`, `row`: `number`, `col`: `number`, `option`: `any`) => `void` | When click button, allow user to execute a command or user can execute a callback. |
| `enabled?` | `boolean` | Whether the cell button responds to user actions, default value is true. |
| `hoverBackColor?` | `string` | The hover backColor of cell button when the button is visible and enable. |
| `imageSize?` | { `height`: `number` ; `width`: `number`  } | The image's size by object {width: 16, height: 16}, default value is 16px * 16px. |
| `imageSize.height` | `number` | - |
| `imageSize.width` | `number` | - |
| `imageSrc?` | `string` | When imageType is custom, can Specifies a image (base64) by imageSrc. |
| `imageType?` | ``"none"`` \| ``"custom"`` \| ``"clear"`` \| ``"cancel"`` \| ``"ok"`` \| ``"dropdown"`` \| ``"ellipsis"`` \| ``"left"`` \| ``"right"`` \| ``"plus"`` \| ``"minus"`` \| ``"undo"`` \| ``"redo"`` \| ``"search"`` \| ``"separator"`` \| ``"spinLeft"`` \| ``"spinRight"`` \| ``"collapse"`` \| ``"expand"`` | The button's type (the type of image to display in the button). Provide some predefined type for cellButton, custom allow to Specifies icon. |
| `position?` | ``"left"`` \| ``"right"`` \| ``"leftOfText"`` \| ``"rightOfText"`` | The button's position in cell, which supports "left", "right", "leftOfText", "rightOfText". |
| `useButtonStyle?` | `boolean` | Whether the cellButton is a button style, default value is false. |
| `visibility?` | ``"always"`` \| ``"onSelected"`` \| ``"onEditing"`` | The button can be visible "always", "onSelected", "onEditing", default value is "always". |
| `width?` | `number` | The button's width. If it is set to null or undefined, the button width is auto fit based on the caption and image size. |

___

### <a id="cellvaluecomparisonoperator" name="cellvaluecomparisonoperator"></a> CellValueComparisonOperator

Ƭ **CellValueComparisonOperator**: ``"equalsTo"`` \| ``"notEqualsTo"`` \| ``"greaterThan"`` \| ``"greaterThanOrEqualsTo"`` \| ``"lessThan"`` \| ``"lessThanOrEqualsTo"`` \| ``"between"`` \| ``"notBetween"``

**`description`** The cell value comparison operator.

___

### <a id="cellvalueruleoptions" name="cellvalueruleoptions"></a> CellValueRuleOptions

Ƭ **CellValueRuleOptions**: `Object`

**`property`** {"cellValueRule"} ruleType - The rule type if you want to use cell value rule.

**`property`** {GC.Data.CellValueComparisonOperator} comparisonOperator - The comparison operator of cell value.

**`property`** {GC.Data.CellValueType} value1 - The first value.

**`property`** {GC.Data.CellValueType} value2 - The second value.

**`property`** {GC.Data.StyleOptions} style - The style that is applied to the cell when the condition is met.

**`property`** {number} priority - The priority of the rule.

**`property`** {boolean} stopIfTrue - Whether rules with lower priority are applied before this rule.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `comparisonOperator` | [`CellValueComparisonOperator`](GC.Data#cellvaluecomparisonoperator) | The comparison operator of cell value. |
| `priority` | `number` | The priority of the rule. |
| `ruleType` | ``"cellValueRule"`` | The rule type if you want to use cell value rule. |
| `stopIfTrue` | `boolean` | Whether rules with lower priority are applied before this rule. |
| `style` | [`StyleOptions`](GC.Data#styleoptions) | The style that is applied to the cell when the condition is met. |
| `value1` | [`CellValueType`](GC.Data#cellvaluetype) | The first value. |
| `value2` | [`CellValueType`](GC.Data#cellvaluetype) | The second value. |

___

### <a id="cellvaluetype" name="cellvaluetype"></a> CellValueType

Ƭ **CellValueType**: `number` \| `string` \| `boolean` \| `Date` \| [`FormulaString`](GC.Data#formulastring)

**`description`** The cell value type.

___

### <a id="checkboxoptions" name="checkboxoptions"></a> CheckboxOptions

Ƭ **CheckboxOptions**: `Object`

**`property`** {string} type - The type of the cell type, supports "checkbox".

**`property`** {string} caption - The caption.

**`property`** {string} textTrue - The text when cell value is true.

**`property`** {string} textIndeterminate - The text when cell value is indeterminate.

**`property`** {string} textFalse - The text when cell value is false.

**`property`** {string} textAlign - The text alignment relative to the check box, which supports "top", "bottom", "left", "right".

**`property`** {boolean} isThreeState - Whether the check box supports three states.

**`property`** {number} boxSize - The check box size.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `boxSize` | `number` | The check box size. |
| `caption` | `string` | The caption. |
| `isThreeState` | `boolean` | Whether the check box supports three states. |
| `textAlign` | ``"top"`` \| ``"bottom"`` \| ``"left"`` \| ``"right"`` | The text alignment relative to the check box, which supports "top", "bottom", "left", "right". |
| `textFalse` | `string` | The text when cell value is false. |
| `textIndeterminate` | `string` | The text when cell value is indeterminate. |
| `textTrue` | `string` | The text when cell value is true. |
| `type` | ``"checkbox"`` | The type of the cell type, supports "checkbox". |

___

### <a id="colorpickergroup" name="colorpickergroup"></a> ColorPickerGroup

Ƭ **ColorPickerGroup**: `Object`

**`property`** {string} name - The group name.

**`property`** {string[][]} colors - The group colors.

**`property`** {boolean} needScaleColor - Whether generate scale color group.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `colors` | `string`[][] | The group colors. |
| `name` | `string` | The group name. |
| `needScaleColor` | `boolean` | Whether generate scale color group. |

___

### <a id="colorpickeroptions" name="colorpickeroptions"></a> ColorPickerOptions

Ƭ **ColorPickerOptions**: `Object`

**`property`** {number} colorBlockSize - Every color cell's size.

**`property`** {GC.Data.ColorPickerGroup[]} groups - The group of the color picker, every group accept a name as group name, and a color array as the group's colors.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `colorBlockSize` | `number` | Every color cell's size. |
| `groups` | [`ColorPickerGroup`](GC.Data#colorpickergroup)[] | The group of the color picker, every group accept a name as group name, and a color array as the group's colors. |

___

### <a id="colorstring" name="colorstring"></a> ColorString

Ƭ **ColorString**: `string`

**`description`** The string type color.

___

### <a id="columnbindinginfo" name="columnbindinginfo"></a> ColumnBindingInfo

Ƭ **ColumnBindingInfo**: `Object`

**`property`** {string} name - The bound column of data through name.

**`property`** {string} displayName - The display name of this column.

**`property`** {string} formatter - The formatter for this column.

**`property`** {number | string} size - The size of column.

**`property`** {boolean} visible - The visibility of column.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `displayName?` | `string` | The display name of this column. |
| `formatter?` | `string` | The formatter for this column. |
| `name` | `string` | The bound column of data through name. |
| `size?` | `number` \| `string` | The size of column. |
| `visible?` | `boolean` | The visibility of column. |

___

### <a id="columntype" name="columntype"></a> ColumnType

Ƭ **ColumnType**: ``"Number"`` \| ``"Text"`` \| ``"Formula"`` \| ``"Checkbox"`` \| ``"Date"`` \| ``"Currency"`` \| ``"Percent"`` \| ``"Phone"`` \| ``"Email"`` \| ``"URL"`` \| ``"Lookup"`` \| ``"CreatedTime"`` \| ``"ModifiedTime"`` \| ``"Attachment"`` \| ``"Select"`` \| ``"Barcode"``

___

### <a id="comboboxoptions" name="comboboxoptions"></a> ComboBoxOptions

Ƭ **ComboBoxOptions**: `Object`

**`property`** {string} type - The type of the cell type, supports "combobox".

**`property`** {string} editorValueType - The editor value type, which supports "text", "index", "value".

**`property`** {string[] | GC.Data.ItemOptions[]} items - The items, which supports string Array or Object Array which each item contains text and value.

**`property`** {number} itemHeight - The height of each item.

**`property`** {number} maxDropDownItems - The maximum item count of the drop-down list per page.

**`property`** {boolean} editable - Whether the combo box is editable.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `editable?` | `boolean` | Whether the combo box is editable. |
| `editorValueType?` | ``"text"`` \| ``"index"`` \| ``"value"`` | The editor value type, which supports "text", "index", "value". |
| `itemHeight?` | `number` | The height of each item. |
| `items` | `string`[] \| [`ItemOptions`](GC.Data#itemoptions)[] | The items, which supports string Array or Object Array which each item contains text and value. |
| `maxDropDownItems?` | `number` | The maximum item count of the drop-down list per page. |
| `type` | ``"combobox"`` | The type of the cell type, supports "combobox". |

___

### <a id="databaraxisposition" name="databaraxisposition"></a> DataBarAxisPosition

Ƭ **DataBarAxisPosition**: ``"automatic"`` \| ``"cellMidPoint"`` \| ``"none"``

**`description`** The data bar rule axis position.

___

### <a id="databarruledirection" name="databarruledirection"></a> DataBarRuleDirection

Ƭ **DataBarRuleDirection**: ``"leftToRight"`` \| ``"rightToLeft"``

**`description`** The data bar rule direction.

___

### <a id="databarrulenegativeoptions" name="databarrulenegativeoptions"></a> DataBarRuleNegativeOptions

Ƭ **DataBarRuleNegativeOptions**: `Object`

**`property`** {GC.Data.ColorString} negativeFillColor - The color of the negative fill.

**`property`** {boolean} useNegativeFillColor - Whether the negative fill color is used to paint the negative value.

**`property`** {GC.Data.ColorString} negativeBorderColor - The color of the negative border.

**`property`** {boolean} useNegativeBorderColor - Whether the negative border color is used to paint the border for the negative value.

**`property`** {GC.Data.ColorString} axisColor - The axis color of the data bar.

**`property`** {GC.Data.DataBarAxisPosition} axisPosition - The axis position of the data bar.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `axisColor` | [`ColorString`](GC.Data#colorstring) | The axis color of the data bar. |
| `axisPosition` | [`DataBarAxisPosition`](GC.Data#databaraxisposition) | The axis position of the data bar. |
| `negativeBorderColor` | [`ColorString`](GC.Data#colorstring) | The color of the negative border. |
| `negativeFillColor` | [`ColorString`](GC.Data#colorstring) | The color of the negative fill. |
| `useNegativeBorderColor` | `boolean` | Whether the negative border color is used to paint the border for the negative value. |
| `useNegativeFillColor` | `boolean` | Whether the negative fill color is used to paint the negative value. |

___

### <a id="databarruleoptions" name="databarruleoptions"></a> DataBarRuleOptions

Ƭ **DataBarRuleOptions**: `Object`

**`property`** {"dataBarRule"} ruleType - The rule type if you want to use data bar rule.

**`property`** {GC.Data.ScaleValueType} minType - The minimum scale type.

**`property`** {number} minValue - The minimum scale value.

**`property`** {GC.Data.ScaleValueType} maxType - The maximum scale type.

**`property`** {number} maxValue - The maximum scale value.

**`property`** {GC.Data.ColorString} maxColor - The maximum scale color string.

**`property`** {number} priority - The priority of the rule.

**`property`** {boolean} stopIfTrue - Whether rules with lower priority are applied before this rule.

**`property`** {boolean} gradient - Whether the data bar is a gradient.

**`property`** {boolean} showBarOnly - Whether to display the data bar without text.

**`property`** {boolean} showBorder - Whether to paint the border.

**`property`** {GC.Data.ColorString} borderColor - The color of the border.

**`property`** {GC.Data.DataBarRuleDirection} barDirection - The data bar direction.

**`property`** {GC.Data.DataBarRuleNegativeOptions} negativeData - The options of data bar rule negative data options.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `barDirection` | [`DataBarRuleDirection`](GC.Data#databarruledirection) | The data bar direction. |
| `borderColor` | [`ColorString`](GC.Data#colorstring) | The color of the border. |
| `color` | [`ColorString`](GC.Data#colorstring) | - |
| `gradient` | `boolean` | Whether the data bar is a gradient. |
| `maxType` | [`ScaleValueType`](GC.Data#scalevaluetype) | The maximum scale type. |
| `maxValue` | `number` | The maximum scale value. |
| `minType` | [`ScaleValueType`](GC.Data#scalevaluetype) | The minimum scale type. |
| `minValue` | `number` | The minimum scale value. |
| `negativeData` | [`DataBarRuleNegativeOptions`](GC.Data#databarrulenegativeoptions) | The options of data bar rule negative data options. |
| `priority` | `number` | The priority of the rule. |
| `ruleType` | ``"dataBarRule"`` | The rule type if you want to use data bar rule. |
| `showBarOnly` | `boolean` | Whether to display the data bar without text. |
| `showBorder` | `boolean` | Whether to paint the border. |
| `stopIfTrue` | `boolean` | Whether rules with lower priority are applied before this rule. |

___

### <a id="dateoccurringruleoptions" name="dateoccurringruleoptions"></a> DateOccurringRuleOptions

Ƭ **DateOccurringRuleOptions**: `Object`

**`property`** {"dateOccurringRule"} ruleType - The rule type if you want to use data occurring rule.

**`property`** {GC.Data.DateOccurringType} type - The date occurring type.

**`property`** {GC.Data.StyleOptions} style - The style that is applied to the cell when the condition is met.

**`property`** {number} priority - The priority of the rule.

**`property`** {boolean} stopIfTrue - Whether rules with lower priority are applied before this rule.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `priority` | `number` | The priority of the rule. |
| `ruleType` | ``"dateOccurringRule"`` | The rule type if you want to use data occurring rule. |
| `stopIfTrue` | `boolean` | Whether rules with lower priority are applied before this rule. |
| `style` | [`StyleOptions`](GC.Data#styleoptions) | The style that is applied to the cell when the condition is met. |
| `type` | [`DateOccurringType`](GC.Data#dateoccurringtype) | The date occurring type. |

___

### <a id="dateoccurringtype" name="dateoccurringtype"></a> DateOccurringType

Ƭ **DateOccurringType**: ``"today"`` \| ``"yesterday"`` \| ``"tomorrow"`` \| ``"last7Days"`` \| ``"thisMonth"`` \| ``"lastMonth"`` \| ``"nextMonth"`` \| ``"thisWeek"`` \| ``"lastWeek"`` \| ``"nextWeek"`` \| ``"nextQuarter"`` \| ``"thisQuarter"`` \| ``"lastQuarter"`` \| ``"nextYear"`` \| ``"thisYear"`` \| ``"lastYear"``

**`description`** The date occurring type.

___

### <a id="datetimepickeroptions" name="datetimepickeroptions"></a> DateTimePickerOptions

Ƭ **DateTimePickerOptions**: `Object`

**`property`** {boolean} showTime - Whether the calendar need to display time part.

**`property`** {string} calendarPage - The default page, which accepts "year", "month", "day".

**`property`** {string} startDay - The start day of week, normal the start day is monday or sunday, there user can set any day as it's start day. It accepts "monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday".

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `calendarPage` | ``"year"`` \| ``"month"`` \| ``"day"`` | The default page, which accepts "year", "month", "day". |
| `showTime` | `boolean` | Whether the calendar need to display time part. |
| `startDay` | ``"monday"`` \| ``"tuesday"`` \| ``"wednesday"`` \| ``"thursday"`` \| ``"friday"`` \| ``"saturday"`` \| ``"sunday"`` | The start day of week, normal the start day is monday or sunday, there user can set any day as it's start day. It accepts "monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday". |

___

### <a id="datevalidatoroptions" name="datevalidatoroptions"></a> DateValidatorOptions

Ƭ **DateValidatorOptions**: `Object`

**`property`** {"date"} type - The data validator type.

**`property`** {GC.Data.CellValueComparisonOperator} comparisonOperator - The data validator comparison operator.

**`property`** {Date | GC.Data.FormulaString} value1 - The data validator first value.

**`property`** {Date | GC.Data.FormulaString} value2 - The data validator second value if validator comparison operator is "between" or "notBetween".

**`property`** {boolean} ignoreBlank - Whether to ignore empty value.

**`property`** {boolean} inCellDropdown - Whether to display a drop-down button.

**`property`** {GC.Data.ErrorStyle} errorStyle - The data validator error style.

**`property`** {string} errorTitle - The data validator error title.

**`property`** {string} errorMessage - The data validator error message.

**`property`** {boolean} showErrorMessage - Whether to show error message.

**`property`** {string} inputMessage - The data validator input message.

**`property`** {string} inputTitle - The data validator input title.

**`property`** {boolean} showInputMessage - Whether to show input message.

**`property`** {GC.Data.HighlightStyle} highlightStyle - The data validator highlight style.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `comparisonOperator` | [`CellValueComparisonOperator`](GC.Data#cellvaluecomparisonoperator) | The data validator comparison operator. |
| `errorMessage` | `string` | The data validator error message. |
| `errorStyle` | [`ErrorStyle`](GC.Data#errorstyle) | The data validator error style. |
| `errorTitle` | `string` | The data validator error title. |
| `highlightStyle` | [`HighlightStyle`](GC.Data#highlightstyle) | The data validator highlight style. |
| `ignoreBlank` | `boolean` | Whether to ignore empty value. |
| `inCellDropdown` | `boolean` | Whether to display a drop-down button. |
| `inputMessage` | `string` | The data validator input message. |
| `inputTitle` | `string` | The data validator input title. |
| `showErrorMessage` | `boolean` | Whether to show error message. |
| `showInputMessage` | `boolean` | Whether to show input message. |
| `type` | ``"date"`` | The data validator type. |
| `value1` | `Date` \| [`FormulaString`](GC.Data#formulastring) | The data validator first value. |
| `value2?` | `Date` \| [`FormulaString`](GC.Data#formulastring) | The data validator second value if validator comparison operator is "between" or "notBetween". |

___

### <a id="decoration" name="decoration"></a> Decoration

Ƭ **Decoration**: `Object`

**`property`** {GC.Data.Icon[]} icons - The icons of the decoration in the style.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `icons?` | [`Icon`](GC.Data#icon)[] | The icons of the decoration in the style. |

___

### <a id="dropdownoptions" name="dropdownoptions"></a> DropDownOptions

Ƭ **DropDownOptions**: `Object`

**`property`** {string} type - The type of drop down, which supports "colorPicker", "dateTimePicker", "timePicker", "monthPicker", "list", "slider", "calculator", "workflowList", "multiColumn".

**`property`** {GC.Data.ColorPickerOptions | GC.Data.DateTimePickerOptions | GC.Data.TimePickerOptions | GC.Data.MonthPickerOptions | GC.Data.ListOptions | GC.Data.SliderOptions | GC.Data.WorkFlowOptions | GC.Data.MultiColumnOptions} option - The option of drop down.

**`property`** {Function} submitCommand - A command name or a callback function which will be executed when submit drop down's value.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `option?` | [`ColorPickerOptions`](GC.Data#colorpickeroptions) \| [`DateTimePickerOptions`](GC.Data#datetimepickeroptions) \| [`TimePickerOptions`](GC.Data#timepickeroptions) \| [`MonthPickerOptions`](GC.Data#monthpickeroptions) \| [`ListOptions`](GC.Data#listoptions) \| [`SliderOptions`](GC.Data#slideroptions) \| [`WorkFlowOptions`](GC.Data#workflowoptions) \| [`MultiColumnOptions`](GC.Data#multicolumnoptions) | The option of drop down. |
| `submitCommand?` | `string` \| (`sheet`: `any`, `value`: `any`, `option`: `any`) => `void` | A command name or a callback function which will be executed when submit drop down's value. |
| `type` | ``"colorPicker"`` \| ``"dateTimePicker"`` \| ``"timePicker"`` \| ``"monthPicker"`` \| ``"list"`` \| ``"slider"`` \| ``"calculator"`` \| ``"workflowList"`` \| ``"multiColumn"`` | The type of drop down, which supports "colorPicker", "dateTimePicker", "timePicker", "monthPicker", "list", "slider", "calculator", "workflowList", "multiColumn". |

___

### <a id="duplicateruleoptions" name="duplicateruleoptions"></a> DuplicateRuleOptions

Ƭ **DuplicateRuleOptions**: `Object`

**`property`** {"duplicateRule"} ruleType - The rule type if you want to use duplicate rule.

**`property`** {GC.Data.StyleOptions} style - The style that is applied to the cell when the condition is met.

**`property`** {number} priority - The priority of the rule.

**`property`** {boolean} stopIfTrue - Whether rules with lower priority are applied before this rule.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `priority` | `number` | The priority of the rule. |
| `ruleType` | ``"duplicateRule"`` | The rule type if you want to use duplicate rule. |
| `stopIfTrue` | `boolean` | Whether rules with lower priority are applied before this rule. |
| `style` | [`StyleOptions`](GC.Data#styleoptions) | The style that is applied to the cell when the condition is met. |

___

### <a id="errorstyle" name="errorstyle"></a> ErrorStyle

Ƭ **ErrorStyle**: ``"stop"`` \| ``"warning"`` \| ``"information"``

**`description`** The validator error style.

___

### <a id="fileuploadoptions" name="fileuploadoptions"></a> FileUploadOptions

Ƭ **FileUploadOptions**: `Object`

**`property`** {string} type - The type of the cell type, supports "fileUpload".

**`property`** {number} maxSize -The maximum file size that can be uploaded.

**`property`** {string} accept - The file types that can be uploaded.

**`property`** {boolean} isPreviewEnabled - Whether to display the file preview button.

**`property`** {boolean} isDownloadEnabled - Whether to display the file download button.

**`property`** {boolean} isClearEnabled - Whether to display the file clear button.

**`property`** {number} marginTop - The margin top value.

**`property`** {number} marginRight - The margin right value.

**`property`** {number} marginBottom - The margin bottom value.

**`property`** {number} marginLeft - The margin left value.

**`property`** {string} valuePath - The valuePath is used to get the cell value from File.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `accept?` | `string` | The file types that can be uploaded. |
| `isClearEnabled?` | `boolean` | Whether to display the file clear button. |
| `isDownloadEnabled?` | `boolean` | Whether to display the file download button. |
| `isPreviewEnabled?` | `boolean` | Whether to display the file preview button. |
| `marginBottom?` | `number` | The margin bottom value. |
| `marginLeft?` | `number` | The margin left value. |
| `marginRight?` | `number` | The margin right value. |
| `marginTop?` | `number` | The margin top value. |
| `maxSize?` | `number` | - |
| `type` | ``"fileUpload"`` | The type of the cell type, supports "fileUpload". |
| `valuePath?` | `string` | The valuePath is used to get the cell value from File. |

___

### <a id="formulalistvalidatoroptions" name="formulalistvalidatoroptions"></a> FormulaListValidatorOptions

Ƭ **FormulaListValidatorOptions**: `Object`

**`property`** {"formulaList"} type - The data validator type.

**`property`** {GC.Data.FormulaString} formula - The data validator formula if the validator type if "formula" or "formulaList".

**`property`** {boolean} ignoreBlank - Whether to ignore empty value.

**`property`** {boolean} inCellDropdown - Whether to display a drop-down button.

**`property`** {GC.Data.ErrorStyle} errorStyle - The data validator error style.

**`property`** {string} errorTitle - The data validator error title.

**`property`** {string} errorMessage - The data validator error message.

**`property`** {boolean} showErrorMessage - Whether to show error message.

**`property`** {string} inputMessage - The data validator input message.

**`property`** {string} inputTitle - The data validator input title.

**`property`** {boolean} showInputMessage - Whether to show input message.

**`property`** {GC.Data.HighlightStyle} highlightStyle - The data validator highlight style.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `errorMessage` | `string` | The data validator error message. |
| `errorStyle` | [`ErrorStyle`](GC.Data#errorstyle) | The data validator error style. |
| `errorTitle` | `string` | The data validator error title. |
| `formula` | [`FormulaString`](GC.Data#formulastring) | The data validator formula if the validator type if "formula" or "formulaList". |
| `highlightStyle` | [`HighlightStyle`](GC.Data#highlightstyle) | The data validator highlight style. |
| `ignoreBlank` | `boolean` | Whether to ignore empty value. |
| `inCellDropdown` | `boolean` | Whether to display a drop-down button. |
| `inputMessage` | `string` | The data validator input message. |
| `inputTitle` | `string` | The data validator input title. |
| `showErrorMessage` | `boolean` | Whether to show error message. |
| `showInputMessage` | `boolean` | Whether to show input message. |
| `type` | ``"formulaList"`` | The data validator type. |

___

### <a id="formularule" name="formularule"></a> FormulaRule

Ƭ **FormulaRule**: `Object`

**`property`** {GC.Data.FormulaString} formula - The formula.

**`description`** The formula rule.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `formula` | [`FormulaString`](GC.Data#formulastring) | the formula string |

___

### <a id="formularuleoptions" name="formularuleoptions"></a> FormulaRuleOptions

Ƭ **FormulaRuleOptions**: `Object`

**`property`** {"formulaRule"} ruleType - The rule type if you want to use formula rule.

**`property`** {GC.Data.FormulaString} formula - The formula.

**`property`** {GC.Data.StyleOptions} style - The style that is applied to the cell when the condition is met.

**`property`** {number} priority - The priority of the rule.

**`property`** {boolean} stopIfTrue - Whether rules with lower priority are applied before this rule.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `formula` | [`FormulaString`](GC.Data#formulastring) | The formula. |
| `priority` | `number` | The priority of the rule. |
| `ruleType` | ``"formulaRule"`` | The rule type if you want to use formula rule. |
| `stopIfTrue` | `boolean` | Whether rules with lower priority are applied before this rule. |
| `style` | [`StyleOptions`](GC.Data#styleoptions) | The style that is applied to the cell when the condition is met. |

___

### <a id="formulastring" name="formulastring"></a> FormulaString

Ƭ **FormulaString**: `string`

___

### <a id="formulavalidatoroptions" name="formulavalidatoroptions"></a> FormulaValidatorOptions

Ƭ **FormulaValidatorOptions**: `Object`

**`property`** {"formula"} type - The data validator type.

**`property`** {GC.Data.FormulaString} formula - The data validator formula if the validator type if "formula" or "formulaList".

**`property`** {boolean} ignoreBlank - Whether to ignore empty value.

**`property`** {boolean} inCellDropdown - Whether to display a drop-down button.

**`property`** {GC.Data.ErrorStyle} errorStyle - The data validator error style.

**`property`** {string} errorTitle - The data validator error title.

**`property`** {string} errorMessage - The data validator error message.

**`property`** {boolean} showErrorMessage - Whether to show error message.

**`property`** {string} inputMessage - The data validator input message.

**`property`** {string} inputTitle - The data validator input title.

**`property`** {boolean} showInputMessage - Whether to show input message.

**`property`** {GC.Data.HighlightStyle} highlightStyle - The data validator highlight style.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `errorMessage` | `string` | The data validator error message. |
| `errorStyle` | [`ErrorStyle`](GC.Data#errorstyle) | The data validator error style. |
| `errorTitle` | `string` | The data validator error title. |
| `formula` | [`FormulaString`](GC.Data#formulastring) | The data validator formula if the validator type if "formula" or "formulaList". |
| `highlightStyle` | [`HighlightStyle`](GC.Data#highlightstyle) | The data validator highlight style. |
| `ignoreBlank` | `boolean` | Whether to ignore empty value. |
| `inCellDropdown` | `boolean` | Whether to display a drop-down button. |
| `inputMessage` | `string` | The data validator input message. |
| `inputTitle` | `string` | The data validator input title. |
| `showErrorMessage` | `boolean` | Whether to show error message. |
| `showInputMessage` | `boolean` | Whether to show input message. |
| `type` | ``"formula"`` | The data validator type. |

___

### <a id="gradientfilloptions" name="gradientfilloptions"></a> GradientFillOptions

Ƭ **GradientFillOptions**: `Object`

**`property`** {number} degree - The gradient fill degree.

**`property`** {GC.Data.GradientStop[]} stops - The gradient fill stops.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `degree?` | `number` | The gradient fill degree. |
| `stops` | [`GradientStop`](GC.Data#gradientstop)[] | The gradient fill stops. |

___

### <a id="gradientpathfilloptions" name="gradientpathfilloptions"></a> GradientPathFillOptions

Ƭ **GradientPathFillOptions**: `Object`

**`property`** {string} type - The gradient path fill type, supports "path."

**`property`** {number} left - The gradient path fill left.

**`property`** {number} right - The gradient path fill right.

**`property`** {number} top - The gradient path fill top.

**`property`** {number} bottom - The gradient path fill bottom.

**`property`** {GC.Data.GradientStop[]} stops - The gradient path fill stops.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `bottom?` | `number` | The gradient path fill bottom. |
| `left?` | `number` | The gradient path fill left. |
| `right?` | `number` | The gradient path fill right. |
| `stops` | [`GradientStop`](GC.Data#gradientstop)[] | The gradient path fill stops. |
| `top?` | `number` | The gradient path fill top. |
| `type` | ``"path"`` | The gradient path fill type, supports "path." |

___

### <a id="gradientstop" name="gradientstop"></a> GradientStop

Ƭ **GradientStop**: `Object`

**`property`** {string} color - The gradient stop color.

**`property`** {number} position - The gradient stop position.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `color` | `string` | The gradient stop color. |
| `position` | `number` | The gradient stop position. |

___

### <a id="headerstyleoptions" name="headerstyleoptions"></a> HeaderStyleOptions

Ƭ **HeaderStyleOptions**: `Object`

**`property`** {string | GC.Data.PatternFillOptions | GC.Data.GradientFillOptions | GC.Data.GradientPathFillOptions} backColor - The background color string or pattern fill options, gradient fill options, gradient path fill options.

**`property`** {string} foreColor - The foreground color.

**`property`** {string} hAlign - The horizontal alignment, which supports "left", "center", "right", "general".

**`property`** {string} vAlign - The vertical alignment, which supports "top", "center", "bottom".

**`property`** {string} font - The font.

**`property`** {string} themeFont - The theme font.

**`property`** {string} formatter - The formatter string.

**`property`** {GC.Data.LineBorder} borderLeft - The left border.

**`property`** {GC.Data.LineBorder} borderTop - The top border.

**`property`** {GC.Data.LineBorder} borderRight - The right border.

**`property`** {GC.Data.LineBorder} borderBottom - The bottom border.

**`property`** {GC.Data.LineBorder} diagonalDown - The diagonal with LeftTop to bottomRight.

**`property`** {GC.Data.LineBorder} diagonalUp - The diagonal with topRight to bottomLeft.

**`property`** {boolean} locked - Whether the cell, row, or column is locked.

**`property`** {number} textIndent - The text indent amount.

**`property`** {boolean} wordWrap - Whether words wrap within the cell or cells.

**`property`** {boolean} shrinkToFit - Whether content shrinks to fit the cell or cells.

**`property`** {string} backgroundImage - The background image to display.

**`property`** {string} backgroundImageLayout - The layout for the background image, which supports "stretch", "center", "zoom", "none".

**`property`** {GC.Data.TextDecoration} textDecoration - The decoration added to text.

**`property`** {string} name - The name.

**`property`** {string} parentName - The name of the parent style.

**`property`** {string} watermark - The watermark content.

**`property`** {string} cellPadding - The cell padding.

**`property`** {GC.Data.LabelOptions} labelOptions - The cell label options.

**`property`** {boolean} isVerticalText - Whether to set the cell's text vertical.

**`property`** {boolean} showEllipsis - Whether the text out of bounds shows ellipsis.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `backColor?` | `string` \| [`PatternFillOptions`](GC.Data#patternfilloptions) \| [`GradientFillOptions`](GC.Data#gradientfilloptions) \| [`GradientPathFillOptions`](GC.Data#gradientpathfilloptions) | The background color string or pattern fill options, gradient fill options, gradient path fill options. |
| `backgroundImage?` | `string` | The background image to display. |
| `backgroundImageLayout?` | ``"stretch"`` \| ``"center"`` \| ``"zoom"`` \| ``"none"`` | The layout for the background image, which supports "stretch", "center", "zoom", "none". |
| `borderBottom?` | [`LineBorder`](GC.Data#lineborder) | The bottom border. |
| `borderLeft?` | [`LineBorder`](GC.Data#lineborder) | The left border. |
| `borderRight?` | [`LineBorder`](GC.Data#lineborder) | The right border. |
| `borderTop?` | [`LineBorder`](GC.Data#lineborder) | The top border. |
| `cellPadding?` | `string` | The cell padding. |
| `diagonalDown?` | [`LineBorder`](GC.Data#lineborder) | The diagonal with LeftTop to bottomRight. |
| `diagonalUp?` | [`LineBorder`](GC.Data#lineborder) | The diagonal with topRight to bottomLeft. |
| `font?` | `string` | The font. |
| `foreColor?` | `string` | The foreground color. |
| `formatter?` | `string` | The formatter string. |
| `hAlign?` | ``"left"`` \| ``"center"`` \| ``"right"`` \| ``"general"`` | The horizontal alignment, which supports "left", "center", "right", "general". |
| `isVerticalText?` | `boolean` | Whether to set the cell's text vertical. |
| `labelOptions?` | [`LabelOptions`](GC.Data#labeloptions) | The cell label options. |
| `locked?` | `boolean` | Whether the cell, row, or column is locked. |
| `name?` | `string` | The name. |
| `parentName?` | `string` | The name of the parent style. |
| `showEllipsis?` | `boolean` | Whether the text out of bounds shows ellipsis. |
| `shrinkToFit?` | `boolean` | Whether content shrinks to fit the cell or cells. |
| `textDecoration?` | [`TextDecoration`](GC.Data#textdecoration) | The decoration added to text. |
| `textIndent?` | `number` | The text indent amount. |
| `themeFont?` | `string` | The theme font. |
| `vAlign?` | ``"top"`` \| ``"center"`` \| ``"bottom"`` | The vertical alignment, which supports "top", "center", "bottom". |
| `watermark?` | `string` | The watermark content. |
| `wordWrap?` | `boolean` | Whether words wrap within the cell or cells. |

___

### <a id="hierarchycustomparsehandler" name="hierarchycustomparsehandler"></a> HierarchyCustomParseHandler

Ƭ **HierarchyCustomParseHandler**: (`options`: [`IHierarchyCustomParseOptions`](GC.Data#ihierarchycustomparseoptions)) => `any`

#### Type declaration

▸ (`options`): `any`

**`description`** Get the parentId of the current record.

##### Parameters

| Name | Type | Description |
| :------ | :------ | :------ |
| `options` | [`IHierarchyCustomParseOptions`](GC.Data#ihierarchycustomparseoptions) | the options for the handler. |

##### Returns

`any`

Returns of the parentId of the current record.

___

### <a id="hierarchycustomunparsehandler" name="hierarchycustomunparsehandler"></a> HierarchyCustomUnparseHandler

Ƭ **HierarchyCustomUnparseHandler**: (`options`: [`IHierarchyCustomUnparseOptions`](GC.Data#ihierarchycustomunparseoptions)) => `any`

#### Type declaration

▸ (`options`): `any`

**`description`** Get the id of the current record.

##### Parameters

| Name | Type | Description |
| :------ | :------ | :------ |
| `options` | [`IHierarchyCustomUnparseOptions`](GC.Data#ihierarchycustomunparseoptions) | the options for the handler. |

##### Returns

`any`

Returns of the id of the current record.

___

### <a id="highlightstyle" name="highlightstyle"></a> HighlightStyle

Ƭ **HighlightStyle**: `Object`

**`property`** {"circle" | "dogEar" | "icon"} type - The highlight type.

**`property`** {GC.Data.ColorString} color - The highlight color.

**`property`** {"topLeft" | "topRight" | "bottomRight" | "bottomLeft" | "outsideLeft" | "outsideRight"} position - The highlight position.

**`property`** {string} image - The highlight image, it could be an url or base64 data.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `color?` | `string` | The highlight color. |
| `image?` | `string` | The highlight image, it could be an url or base64 data. |
| `position` | ``"topLeft"`` \| ``"topRight"`` \| ``"bottomRight"`` \| ``"bottomLeft"`` \| ``"outsideLeft"`` \| ``"outsideRight"`` | The highlight position. |
| `type?` | ``"circle"`` \| ``"dogEar"`` \| ``"icon"`` | The highlight type. |

___

### <a id="hyperlinkoptions" name="hyperlinkoptions"></a> HyperlinkOptions

Ƭ **HyperlinkOptions**: `Object`

**`property`** {string} type - The type of the cell type, supports "hyperlink".

**`property`** {string} linkColor - The color of the link.

**`property`** {string} visitedLinkColor - The color of the visited link.

**`property`** {string} text - The text of the link.

**`property`** {string} linkToolTip - The tooltip of the link.

**`property`** {string} target - The type of the link's target, which support "blank", "self", "parent", "top".

**`property`** {boolean} activeOnClick - Whether to move to the active cell when clicked.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `activeOnClick` | `boolean` | Whether to move to the active cell when clicked. |
| `linkColor` | `string` | The color of the link. |
| `linkToolTip` | `string` | The tooltip of the link. |
| `target` | ``"blank"`` \| ``"self"`` \| ``"parent"`` \| ``"top"`` | The type of the link's target, which support "blank", "self", "parent", "top". |
| `text` | `string` | The text of the link. |
| `type` | ``"hyperlink"`` | The type of the cell type, supports "hyperlink". |
| `visitedLinkColor` | `string` | The color of the visited link. |

___

### <a id="icolumn" name="icolumn"></a> IColumn

Ƭ **IColumn**: `Object`

**`property`** {string} name - The unique name of the column.

**`property`** {string} value - The value of the column, could be a field name of table from database, or formula which uses the fields names.

**`property`** {string} type - The column type, any of "Number", "Text", "Formula", "Checkbox", "Date", "Currency", "Percent", "Phone", "Email", "URL", "Lookup", "CreatedTime", "ModifiedTime", "Attachment", "Select", "Barcode"

**`property`** {string | string[]} caption - The caption of the column.

**`property`** {number | string} width - The width of the column, support number in pixel, or star size.

**`property`** {GC.Data.StyleOptions} style - The style of the column.

**`property`** {(GC.Data.CellValueRuleOptions | GC.Data.SpecificTextRuleOptions | GC.Data.FormulaRuleOptions | GC.Data.DateOccurringRuleOptions | GC.Data.Top10RuleOptions | GC.Data.UniqueRuleOptions | GC.Data.DuplicateRuleOptions | GC.Data.AverageRuleOptions | GC.Data.TwoScaleRuleOptions | GC.Data.ThreeScaleRuleOptions | GC.Data.DataBarRuleOptions | GC.Data.IconSetRuleOptions)[]} conditionalFormats - The conditional formats array of the column.

**`property`** {GC.Data.NumberValidatorOptions | GC.Data.DateValidatorOptions | GC.Data.TimeValidatorOptions | GC.Data.TextLengthValidatorOptions | GC.Data.FormulaValidatorOptions | GC.Data.FormulaListValidatorOptions | GC.Data.ListValidatorOptions} validator - The data validator of the column.

**`property`** {boolean} isPrimaryKey - Mark the column as primary key column.

**`property`** {boolean} readonly - Mark the column is readonly.

**`property`** {boolean} required - Mark the column is required when insert a new row.

**`property`** {Object} defaultValue - Provide the default value when insert a new row, could be a const or a formula.

**`property`** {GC.Data.HeaderStyleOptions} headerStyle - The header style of the column.

**`property`** {boolean} visible - Mark the column is visible.

**`property`** {string} headerFit - The header fit mode, any of the "normal", "vertical" or "stack". The default value is "normal".

**`property`** {string} dataType - The actual data type of original value, any of "string", "number", "boolean", "object", "formula", "array", "date" or "rowOrder". It is useful for a Date because a Date is a string in JSON data and need be converted.

**`property`** {string} dataPattern - The data pattern for parsing string to value, such as formatter "dd/MM/yyyy" for a date string, truthy and falsy value pairs "Yes|No" for a boolean string, decimal separator "," for a numeric string.

**`property`** {Object} dataMap - A simple map to display the original value more meaningful, its key could be a number or string, and its value could be a number, string or Date.

**`property`** {boolean} spread - Whether to spread a column when its value is an object.

**`property`** {string} dataName - The original name of the table field, using this property to map the original name to the specified name.

**`property`** {boolean} indexed - Weather need to create the filter cache while creating the table.

**`property`** {boolean} allowSort - Whether show sort after opening filer dialog.

**`property`** {boolean} allowFilterByValue - Whether show filter by value after opening filer dialog.

**`property`** {boolean} allowFilterByList - Whether show filter by list after opening filer dialog. If allowSort, allowFilterByValue and allowFilterByList are all false, not show the filter button in this column.

**`property`** {string | GC.Data.ICrossOptions} cross - The cross options of the column.

**`property`** {string | (string | number | boolean | Date)[] | GC.Data.ILookupOptions} lookup - Define the lookup for the column, only be used in the columns of the schema of the data source.

**`property`** {boolean | GC.Data.IOutlineColumnOptions} outlineColumn - Define the outline column only when the data be the hierarchy data.

**`property`** {GC.Data.ITriggerFormulaOption} trigger - The trigger formula of the column.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `allowFilterByList?` | `boolean` | Whether show filter by list after opening filer dialog. If allowSort, allowFilterByValue and allowFilterByList are all false, not show the filter button in this column. |
| `allowFilterByValue?` | `boolean` | Whether show filter by value after opening filer dialog. |
| `allowSort?` | `boolean` | Whether show sort after opening filer dialog. |
| `caption?` | `string` \| `string`[] | The caption of the column. |
| `conditionalFormats?` | ([`CellValueRuleOptions`](GC.Data#cellvalueruleoptions) \| [`SpecificTextRuleOptions`](GC.Data#specifictextruleoptions) \| [`FormulaRuleOptions`](GC.Data#formularuleoptions) \| [`DateOccurringRuleOptions`](GC.Data#dateoccurringruleoptions) \| [`Top10RuleOptions`](GC.Data#top10ruleoptions) \| [`UniqueRuleOptions`](GC.Data#uniqueruleoptions) \| [`DuplicateRuleOptions`](GC.Data#duplicateruleoptions) \| [`AverageRuleOptions`](GC.Data#averageruleoptions) \| [`TwoScaleRuleOptions`](GC.Data#twoscaleruleoptions) \| [`ThreeScaleRuleOptions`](GC.Data#threescaleruleoptions) \| [`DataBarRuleOptions`](GC.Data#databarruleoptions) \| [`IconSetRuleOptions`](GC.Data#iconsetruleoptions))[] | The conditional formats array of the column. |
| `cross?` | `string` \| [`ICrossOptions`](GC.Data#icrossoptions) | The cross options of the column. |
| `dataMap?` | `any` | A simple map to display the original value more meaningful, its key could be a number or string, and its value could be a number, string or Date. |
| `dataName?` | `string` | The original name of the table field, using this property to map the original name to the specified name. |
| `dataPattern?` | `string` | The data pattern for parsing string to value, such as formatter "dd/MM/yyyy" for a date string, truthy and falsy value pairs "Yes\|No" for a boolean string, decimal separator "," for a numeric string. |
| `dataType?` | ``"string"`` \| ``"number"`` \| ``"boolean"`` \| ``"object"`` \| ``"formula"`` \| ``"array"`` \| ``"date"`` \| ``"rowOrder"`` \| ``"TaskStartDate"`` \| ``"TaskFinishDate"`` \| ``"TaskDuration"`` \| ``"TaskSubject"`` \| ``"TaskSchedulingMode"`` \| ``"TaskComplete"`` \| ``"TaskPredecessor"`` | The actual data type of original value, any of "string", "number", "boolean", "object", "formula", "array", "date" or "rowOrder". It is useful for a Date because a Date is a string in JSON data and need be converted. |
| `defaultValue?` | `any` | Provide the default value when insert a new row, could be a const or a formula. |
| `headerFit?` | ``"normal"`` \| ``"vertical"`` \| ``"stack"`` | The header fit mode, any of the "normal", "vertical" or "stack". The default value is "normal". |
| `headerStyle?` | [`HeaderStyleOptions`](GC.Data#headerstyleoptions) | The header style of the column. |
| `indexed?` | `boolean` | Weather need to create the filter cache while creating the table. |
| `isPrimaryKey?` | `boolean` | Mark the column as primary key column. |
| `lookup?` | `string` \| (`string` \| `number` \| `boolean` \| `Date`)[] \| [`ILookupOptions`](GC.Data#ilookupoptions) | Define the lookup for the column, only be used in the columns of the schema of the data source. |
| `name?` | `string` | The unique name of the column. |
| `outlineColumn?` | `boolean` \| [`IOutlineColumnOptions`](GC.Data#ioutlinecolumnoptions) | Define the outline column only when the data be the hierarchy data. |
| `readonly?` | `boolean` | Mark the column is readonly. |
| `required?` | `boolean` | Mark the column is required when insert a new row. |
| `spread?` | `boolean` | Whether to spread a column when its value is an object. |
| `style?` | [`StyleOptions`](GC.Data#styleoptions) | The style of the column. |
| `trigger?` | [`ITriggerFormulaOption`](GC.Data#itriggerformulaoption) | The trigger formula of the column. |
| `type?` | `string` | The column type, any of "Number", "Text", "Formula", "Checkbox", "Date", "Currency", "Percent", "Phone", "Email", "URL", "Lookup", "CreatedTime", "ModifiedTime", "Attachment", "Select", "Barcode" |
| `validator?` | [`NumberValidatorOptions`](GC.Data#numbervalidatoroptions) \| [`DateValidatorOptions`](GC.Data#datevalidatoroptions) \| [`TimeValidatorOptions`](GC.Data#timevalidatoroptions) \| [`TextLengthValidatorOptions`](GC.Data#textlengthvalidatoroptions) \| [`FormulaValidatorOptions`](GC.Data#formulavalidatoroptions) \| [`FormulaListValidatorOptions`](GC.Data#formulalistvalidatoroptions) \| [`ListValidatorOptions`](GC.Data#listvalidatoroptions) | The data validator of the column. |
| `value?` | `string` | The value of the column, could be a field name of table from database, or formula which uses the fields names. |
| `visible?` | `boolean` | Mark the column is visible. |
| `width?` | `number` \| `string` | The width of the column, support number in pixel, or star size. |

___

### <a id="icolumncollection" name="icolumncollection"></a> IColumnCollection

Ƭ **IColumnCollection**: `Object`

**`property`** {GC.Data.IColumn} key - A key-value collection, which key is a string, and value is a GC.Data.IColumn object.

#### Index signature

▪ [key: `string`]: [`IColumn`](GC.Data#icolumn)

___

### <a id="icrossattributeoptions" name="icrossattributeoptions"></a> ICrossAttributeOptions

Ƭ **ICrossAttributeOptions**: `Object`

**`property`** {string} value - To define the header of cross column.

**`property`** {string} formatter - To format the value.

**`description`** The options to define the header of cross column.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `formatter?` | `string` | To format the value. |
| `value` | `string` | To define the header of cross column. |

___

### <a id="icrossoptions" name="icrossoptions"></a> ICrossOptions

Ƭ **ICrossOptions**: `Object`

**`property`** {string} over - The key to find cross column.

**`property`** {(string | GC.Data.ICrossAttributeOptions)[]} attributes - The attributes to define multi headers of the cross column.

**`property`** {string} filter - The formula to filter out the cross columns.

**`property`** {string} caption - The self-defined header.

**`description`** The options to define the cross column.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `attributes?` | (`string` \| [`ICrossAttributeOptions`](GC.Data#icrossattributeoptions))[] | The attributes to define multi headers of the cross column. |
| `caption?` | `string` | The self-defined header. |
| `filter?` | `string` | The formula to filter out the cross columns. |
| `over` | `string` | The key to find cross column. |

___

### <a id="icrossviewoptions" name="icrossviewoptions"></a> ICrossViewOptions

Ƭ **ICrossViewOptions**: `Object`

**`property`** {GC.Data.ICrossOptions} key - A key-value collection, which key is a string, and value is a GC.Data.ICrossOptions object.

#### Index signature

▪ [key: `string`]: [`ICrossOptions`](GC.Data#icrossoptions)

___

### <a id="idatasourceoption" name="idatasourceoption"></a> IDataSourceOption

Ƭ **IDataSourceOption**: `Object`

**`property`** {Array | string} data - Local data source, which could be an object array for JSON, a string for CSV or XML.

**`property`** {GC.Data.IRemoteTransportOption} remote - Remote data source, which supports REST API, OData, GraphQL.

**`property`** {boolean} autoSync - In auto sync mode, data changes will be synced to server immediately.

**`property`** {boolean} batch - In batch mode, data changes will be held in data source, user need invoke submitChanges method to sync server.

**`property`** {GC.Data.ISchemaOption} schema - The data source schema options.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `autoSync?` | `boolean` | In auto sync mode, data changes will be synced to server immediately. |
| `batch?` | `boolean` | In batch mode, data changes will be held in data source, user need invoke submitChanges method to sync server. |
| `data?` | `any` | Local data source, which could be an object array for JSON, a string for CSV or XML. |
| `remote?` | [`IRemoteTransportOption`](GC.Data#iremotetransportoption) | Remote data source, which supports REST API, OData, GraphQL. |
| `schema?` | [`ISchemaOption`](GC.Data#ischemaoption) | The data source schema options. |

___

### <a id="iformulacollection" name="iformulacollection"></a> IFormulaCollection

Ƭ **IFormulaCollection**: `Object`

**`property`** {string} key - A key-value collection, which key is a string, and value is a string.

#### Index signature

▪ [key: `string`]: `string`

___

### <a id="ihierarchycustomparseoptions" name="ihierarchycustomparseoptions"></a> IHierarchyCustomParseOptions

Ƭ **IHierarchyCustomParseOptions**: `Object`

**`property`** {any} data - The data of the current record.

**`property`** {number} index - The record index.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `data` | `any` | The data of the current record. |
| `index` | `number` | The record index. |

___

### <a id="ihierarchycustomunparseoptions" name="ihierarchycustomunparseoptions"></a> IHierarchyCustomUnparseOptions

Ƭ **IHierarchyCustomUnparseOptions**: `Object`

**`property`** {any} data - The data of the current record.

**`property`** {number} index - The record index.

**`property`** {any} parentData - The data of the parent record.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `data` | `any` | The data of the current record. |
| `index` | `number` | The record index. |
| `parentData` | `any` | The data of the parent record. |

___

### <a id="ihierarchyoption" name="ihierarchyoption"></a> IHierarchyOption

Ƭ **IHierarchyOption**: `Object`

**`property`** {string} type - Supports 'Parent', 'ChildrenPath', 'Level', 'Custom'.

**`property`** {string} column - The column that has the data to build hierarchy.

**`property`** {string | GC.Data.IHierarchyOutlineColumnOptions} outlineColumn - The definitions of the outline column of the column that show as hierarchy.

**`property`** {GC.Data.IHierarchySummaryFieldCollection} summaryFields - The definitions of the collections of hierarchy summary fields.

**`property`** {GC.Data.HierarchyCustomParseHandler} parse - The options to parse the parentId for the custom hierarchy type.

**`property`** {GC.Data.HierarchyCustomUnparseHandler} unparse - The options to unparse the record to the id for the custom hierarchy type.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `column` | `string` | The column that has the data to build hierarchy. |
| `outlineColumn?` | `string` \| [`IHierarchyOutlineColumnOptions`](GC.Data#ihierarchyoutlinecolumnoptions) | The definitions of the outline column of the column that show as hierarchy. |
| `parse?` | [`HierarchyCustomParseHandler`](GC.Data#hierarchycustomparsehandler) | The options to parse the parentId for the custom hierarchy type. |
| `summaryFields?` | [`IHierarchySummaryFieldCollection`](GC.Data#ihierarchysummaryfieldcollection) | The definitions of the collections of hierarchy summary fields. |
| `type` | ``"Parent"`` \| ``"ChildrenPath"`` \| ``"Level"`` \| ``"Custom"`` | Supports 'Parent', 'ChildrenPath', 'Level', 'Custom'. |
| `unparse?` | [`HierarchyCustomUnparseHandler`](GC.Data#hierarchycustomunparsehandler) | The options to unparse the record to the id for the custom hierarchy type. |

___

### <a id="ihierarchyoutlinecolumnoptions" name="ihierarchyoutlinecolumnoptions"></a> IHierarchyOutlineColumnOptions

Ƭ **IHierarchyOutlineColumnOptions**: `Object`

**`property`** {string} value - Specified the column that show as hierarchy.

**`property`** {boolean} showCheckBox - Whether to display the check box.

**`property`** {boolean} showImage - Whether to display images.

**`property`** {string[]} images - The images by level (url or base64Image).

**`property`** {boolean} showIndicator - Whether to display the indicator.

**`property`** {string} expandIndicator - The expand indicator (url or base64Image).

**`property`** {string} collapseIndicator - The collapse indicator (url or base64Image).

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `collapseIndicator?` | `string` | The collapse indicator (url or base64Image). |
| `expandIndicator?` | `string` | The expand indicator (url or base64Image). |
| `images?` | `string`[] | The images by level (url or base64Image). |
| `showCheckBox?` | `boolean` | Whether to display the check box. |
| `showImage?` | `boolean` | Whether to display images. |
| `showIndicator?` | `boolean` | Whether to display the indicator. |
| `value` | `string` | Specified the column that show as hierarchy. |

___

### <a id="ihierarchysummaryfieldcollection" name="ihierarchysummaryfieldcollection"></a> IHierarchySummaryFieldCollection

Ƭ **IHierarchySummaryFieldCollection**: `Object`

**`property`** {string} key - A key-value collection, which key is a field string, and value is a formula string.

#### Index signature

▪ [key: `string`]: `string`

___

### <a id="ilookupoptions" name="ilookupoptions"></a> ILookupOptions

Ƭ **ILookupOptions**: `Object`

**`property`** {string} name - The relation ship name.

**`property`** {string[] | GC.Data.IColumn[]} columns - The columns definitions of the related table, used for multi-column drop down.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `columns` | `string`[] \| [`IColumn`](GC.Data#icolumn)[] | The columns definitions of the related table, used for multi-column drop down. |
| `name` | `string` | The relation ship name. |

___

### <a id="ioutlinecolumnoptions" name="ioutlinecolumnoptions"></a> IOutlineColumnOptions

Ƭ **IOutlineColumnOptions**: `Object`

**`property`** {boolean} showCheckBox - Whether to display the check box.

**`property`** {boolean} showImage - Whether to display images.

**`property`** {string[]} images - The images by level (url or base64Image).

**`property`** {boolean} showIndicator - Whether to display the indicator.

**`property`** {string} expandIndicator - The expand indicator (url or base64Image).

**`property`** {string} collapseIndicator - The collapse indicator (url or base64Image).

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `collapseIndicator?` | `string` | The collapse indicator (url or base64Image). |
| `expandIndicator?` | `string` | The expand indicator (url or base64Image). |
| `images?` | `string`[] | The images by level (url or base64Image). |
| `showCheckBox?` | `boolean` | Whether to display the check box. |
| `showImage?` | `boolean` | Whether to display images. |
| `showIndicator?` | `boolean` | Whether to display the indicator. |

___

### <a id="iremotereadrequestoption" name="iremotereadrequestoption"></a> IRemoteReadRequestOption

Ƭ **IRemoteReadRequestOption**: `Object`

**`property`** {string} url - Request url.

**`property`** {string} method - Request method, such as 'GET', 'POST', 'PUT', 'DELETE', default value is 'GET'.

**`property`** {string} adapter - Adapt different data protocol, supports "rest", "odata", "odata4", "graphql".

**`property`** {Object} body - Request body.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `adapter?` | `string` | Adapt different data protocol, supports "rest", "odata", "odata4", "graphql". |
| `body?` | `Object` | Request body. |
| `method?` | ``"GET"`` \| ``"POST"`` \| ``"PUT"`` \| ``"DELETE"`` | Request method, such as 'GET', 'POST', 'PUT', 'DELETE', default value is 'GET'. |
| `url` | `string` | Request url. |

___

### <a id="iremoterequestoption" name="iremoterequestoption"></a> IRemoteRequestOption

Ƭ **IRemoteRequestOption**: `Object`

**`property`** {string} url - Request url.

**`property`** {string} method - Request method, such as 'GET', 'POST', 'PUT', 'DELETE', default value is 'GET'.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `method?` | ``"GET"`` \| ``"POST"`` \| ``"PUT"`` \| ``"DELETE"`` | Request method, such as 'GET', 'POST', 'PUT', 'DELETE', default value is 'GET'. |
| `url` | `string` | Request url. |

___

### <a id="iremotetransportoption" name="iremotetransportoption"></a> IRemoteTransportOption

Ƭ **IRemoteTransportOption**: `Object`

**`property`** {GC.Data.IRemoteReadRequestOption | GC.Data.RemoteReadHandler} read - The options for read operation.

**`property`** {GC.Data.IRemoteRequestOption | GC.Data.RemoteChangeHandler} create - The options for create operation.

**`property`** {GC.Data.IRemoteRequestOption | GC.Data.RemoteChangeHandler} update - The options for update operation.

**`property`** {GC.Data.IRemoteRequestOption | GC.Data.RemoteChangeHandler} delete - The options for delete operation.

**`property`** {GC.Data.IRemoteRequestOption | GC.Data.RemoteChangeHandler} batch - The options for batch operation.

**`property`** {GC.Data.IRemoteReadRequestOption | GC.Data.RemoteReadHandler} getColumns - The options for getting columns operation.

**`property`** {GC.Data.IRemoteRequestOption | GC.Data.RemoteChangeHandler} addColumn - The options for adding column operation.

**`property`** {GC.Data.IRemoteRequestOption | GC.Data.RemoteChangeHandler} updateColumn - The options for updating column operation.

**`property`** {GC.Data.IRemoteRequestOption | GC.Data.RemoteChangeHandler} removeColumn - The options for deleting column operation.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `addColumn?` | [`IRemoteRequestOption`](GC.Data#iremoterequestoption) \| [`RemoteChangeHandler`](GC.Data#remotechangehandler) | The options for adding column operation. |
| `batch?` | [`IRemoteRequestOption`](GC.Data#iremoterequestoption) \| [`RemoteChangeHandler`](GC.Data#remotechangehandler) | The options for batch operation. |
| `create?` | [`IRemoteRequestOption`](GC.Data#iremoterequestoption) \| [`RemoteChangeHandler`](GC.Data#remotechangehandler) | The options for create operation. |
| `delete?` | [`IRemoteRequestOption`](GC.Data#iremoterequestoption) \| [`RemoteChangeHandler`](GC.Data#remotechangehandler) | The options for delete operation. |
| `getColumns?` | [`IRemoteReadRequestOption`](GC.Data#iremotereadrequestoption) \| [`RemoteReadHandler`](GC.Data#remotereadhandler) | The options for getting columns operation. |
| `read` | [`IRemoteReadRequestOption`](GC.Data#iremotereadrequestoption) \| [`RemoteReadHandler`](GC.Data#remotereadhandler) | The options for read operation. |
| `removeColumn?` | [`IRemoteRequestOption`](GC.Data#iremoterequestoption) \| [`RemoteChangeHandler`](GC.Data#remotechangehandler) | The options for deleting column operation. |
| `update?` | [`IRemoteRequestOption`](GC.Data#iremoterequestoption) \| [`RemoteChangeHandler`](GC.Data#remotechangehandler) | The options for update operation. |
| `updateColumn?` | [`IRemoteRequestOption`](GC.Data#iremoterequestoption) \| [`RemoteChangeHandler`](GC.Data#remotechangehandler) | The options for updating column operation. |

___

### <a id="ischemaoption" name="ischemaoption"></a> ISchemaOption

Ƭ **ISchemaOption**: `Object`

**`property`** {string} type - Supports 'json', 'csv', 'xml', 'columnJson'.

**`property`** {string} countPath - Data reader use this to get data source collection length, return the current data source collection length if this is not specified.

**`property`** {string} dataPath - Data reader use this to get data source collection after parse, return entire parsed object if this is not specified.

**`property`** {GC.Data.IColumnCollection} columns - The definitions of all columns of current table.

**`property`** {GC.Data.IFormulaCollection} window - The definitions of all formulas of window chaining.

**`property`** {GC.Data.IHierarchyOption} hierarchy - The definitions of hierarchy options.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `columns?` | [`IColumnCollection`](GC.Data#icolumncollection) | The definitions of all columns of current table. |
| `countPath?` | `string` | Data reader use this to get data source collection length, return the current data source collection length if this is not specified. |
| `dataPath?` | `string` | Data reader use this to get data source collection after parse, return entire parsed object if this is not specified. |
| `hierarchy?` | [`IHierarchyOption`](GC.Data#ihierarchyoption) | The definitions of hierarchy options. |
| `type?` | `string` | Supports 'json', 'csv', 'xml', 'columnJson'. |
| `window?` | [`IFormulaCollection`](GC.Data#iformulacollection) | The definitions of all formulas of window chaining. |

___

### <a id="itriggerformulaoption" name="itriggerformulaoption"></a> ITriggerFormulaOption

Ƭ **ITriggerFormulaOption**: `Object`

**`property`** {string} when - Indicates when to trigger the formula.

**`property`** {string} formula - The formula to be triggered.

**`property`** {string} fields - The watched fields which be updated could trigger the formula, "*" be set for any field, be omitted when on new.

**`description`** The options to define the trigger formula.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `fields?` | `string` | The watched fields which be updated could trigger the formula, "*" be set for any field, be omitted when on new. |
| `formula` | `string` | The formula to be triggered. |
| `when` | ``"onNew"`` \| ``"onNewAndUpdate"`` | Indicates when to trigger the formula. |

___

### <a id="icon" name="icon"></a> Icon

Ƭ **Icon**: `Object`

**`property`** {string} position - The icon's position, which supports "left", "right", "leftOfText", "rightOfText", "outsideLeft", "outsideRight".

**`property`** {number} width - The painted width.

**`property`** {number} height - The painted height.

**`property`** {string} src - The icon path.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `height?` | `number` | The painted height. |
| `position?` | ``"left"`` \| ``"right"`` \| ``"leftOfText"`` \| ``"rightOfText"`` \| ``"outsideLeft"`` \| ``"outsideRight"`` | The icon's position, which supports "left", "right", "leftOfText", "rightOfText", "outsideLeft", "outsideRight". |
| `src?` | `string` | The icon path. |
| `width?` | `number` | The painted width. |

___

### <a id="iconcriteriaoptions" name="iconcriteriaoptions"></a> IconCriteriaOptions

Ƭ **IconCriteriaOptions**: `Object`

**`property`** {boolean} isGreaterThanOrEqualTo - If set to true, use the greater than or equal to operator to calculate the value.

**`property`** {GC.Data.IconValueType} iconValueType - The icon value type.

**`property`** {number|string} iconValue - The icon value.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `iconValue` | `number` \| `string` | The icon value. |
| `iconValueType` | [`IconValueType`](GC.Data#iconvaluetype) | The icon value type. |
| `isGreaterThanOrEqualTo` | `boolean` | If set to true, use the greater than or equal to operator to calculate the value. |

___

### <a id="iconoptions" name="iconoptions"></a> IconOptions

Ƭ **IconOptions**: `Object`

**`property`** {GC.Data.IconSetType} iconSetType - The icon value type.

**`property`** {number} iconIndex - The custom icon index

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `iconIndex` | `number` | The custom icon index |
| `iconSetType` | [`IconSetType`](GC.Data#iconsettype) | The icon value type. |

___

### <a id="iconsetruleoptions" name="iconsetruleoptions"></a> IconSetRuleOptions

Ƭ **IconSetRuleOptions**: `Object`

**`property`** {"iconSetRule"} ruleType - The rule type if you want to use icon set rule.

**`property`** {GC.Data.IconSetType} iconSetType - The icon set type.

**`property`** {boolean} reverseIconOrder - Whether to reverse icon order.

**`property`** {boolean} showIconOnly - Whether to display the icon only.

**`property`** {GC.Data.IconOptions[]} icons - The array of icon options.

**`property`** {number} priority - The priority of the rule.

**`property`** {boolean} stopIfTrue - Whether rules with lower priority are applied before this rule.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `iconSetType` | [`IconSetType`](GC.Data#iconsettype) | The icon set type. |
| `icons` | [`IconOptions`](GC.Data#iconoptions)[] | The array of icon options. |
| `priority` | `number` | The priority of the rule. |
| `reverseIconOrder` | `boolean` | Whether to reverse icon order. |
| `ruleType` | ``"iconSetRule"`` | The rule type if you want to use icon set rule. |
| `showIconOnly` | `boolean` | Whether to display the icon only. |
| `stopIfTrue` | `boolean` | Whether rules with lower priority are applied before this rule. |

___

### <a id="iconsettype" name="iconsettype"></a> IconSetType

Ƭ **IconSetType**: ``"threeArrowsColored"`` \| ``"threeArrowsGray"`` \| ``"threeTriangles"`` \| ``"threeStars"`` \| ``"threeFlags"`` \| ``"threeTrafficLightsUnrimmed"`` \| ``"threeTrafficLightsRimmed"`` \| ``"threeSigns"`` \| ``"threeSymbolsCircled"`` \| ``"threeSymbolsUncircled"`` \| ``"fourArrowsColored"`` \| ``"fourArrowsGray"`` \| ``"fourRedToBlack"`` \| ``"fourRatings"`` \| ``"fourTrafficLights"`` \| ``"fiveArrowsColored"`` \| ``"fiveArrowsGray"`` \| ``"fiveRatings"`` \| ``"fiveQuarters"`` \| ``"fiveBoxes"`` \| ``"noIcons"``

**`description`** The icon set type.

___

### <a id="iconvaluetype" name="iconvaluetype"></a> IconValueType

Ƭ **IconValueType**: ``"number"`` \| ``"percent"`` \| ``"formula"`` \| ``"percentile"``

**`description`** The icon value type.

___

### <a id="itemoptions" name="itemoptions"></a> ItemOptions

Ƭ **ItemOptions**: `Object`

**`property`** {string} text - The item text.

**`property`** {Object} value - The item value, could be a number, string, boolean, Date.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `text` | `string` | The item text. |
| `value` | `any` | The item value, could be a number, string, boolean, Date. |

___

### <a id="labeloptions" name="labeloptions"></a> LabelOptions

Ƭ **LabelOptions**: `Object`

**`property`** {string} alignment - The cell label position, which supports "topLeft", "topCenter", "topRight", "bottomLeft", "bottomCenter", "bottomRight".

**`property`** {string} visibility - The cell label visibility, which supports "visible", "hidden", "auto".

**`property`** {string} font - The cell label font.

**`property`** {string} foreColor - The cell label foreground color.

**`property`** {string} margin - The cell label margin.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `alignment` | ``"topLeft"`` \| ``"topCenter"`` \| ``"topRight"`` \| ``"bottomLeft"`` \| ``"bottomCenter"`` \| ``"bottomRight"`` | The cell label position, which supports "topLeft", "topCenter", "topRight", "bottomLeft", "bottomCenter", "bottomRight". |
| `font` | `string` | The cell label font. |
| `foreColor` | `string` | The cell label foreground color. |
| `margin` | `string` | The cell label margin. |
| `visibility` | ``"visible"`` \| ``"hidden"`` \| ``"auto"`` | The cell label visibility, which supports "visible", "hidden", "auto". |

___

### <a id="lineborder" name="lineborder"></a> LineBorder

Ƭ **LineBorder**: `Object`

**`property`** {string} color - The border color.

**`property`** {string} style - The border style, which supports "empty", "thin", "medium", "dashed", "dotted", "thick", "double", "hair", "mediumDashed", "dashDot", "mediumDashDot", "dashDotDot", "mediumDashDotDot", "slantedDashDot".

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `color` | `string` | The border color. |
| `style` | ``"empty"`` \| ``"thin"`` \| ``"medium"`` \| ``"dashed"`` \| ``"dotted"`` \| ``"thick"`` \| ``"double"`` \| ``"hair"`` \| ``"mediumDashed"`` \| ``"dashDot"`` \| ``"mediumDashDot"`` \| ``"dashDotDot"`` \| ``"mediumDashDotDot"`` \| ``"slantedDashDot"`` | The border style, which supports "empty", "thin", "medium", "dashed", "dotted", "thick", "double", "hair", "mediumDashed", "dashDot", "mediumDashDot", "dashDotDot", "mediumDashDotDot", "slantedDashDot". |

___

### <a id="listitem" name="listitem"></a> ListItem

Ƭ **ListItem**: `Object`

**`property`** {string} text - The item text.

**`property`** {string} value - The item value.

**`property`** {string} icon - The item icon.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `icon?` | `string` | The item icon. |
| `text?` | `string` | The item text. |
| `value?` | `string` | The item value. |

___

### <a id="listlayout" name="listlayout"></a> ListLayout

Ƭ **ListLayout**: `Object`

**`property`** {string} direction - The layout direction, which accepts "horizontal", "vertical".

**`property`** {string} displayAs - The layout display, which accepts "inline", "popup", "tree".

**`property`** {boolean} collapsible - Whether the list can be collapsed.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `collapsible?` | `boolean` | Whether the list can be collapsed. |
| `direction?` | ``"horizontal"`` \| ``"vertical"`` | The layout direction, which accepts "horizontal", "vertical". |
| `displayAs?` | ``"inline"`` \| ``"popup"`` \| ``"tree"`` | The layout display, which accepts "inline", "popup", "tree". |

___

### <a id="listoptions" name="listoptions"></a> ListOptions

Ƭ **ListOptions**: `Object`

**`property`** {string} text - The text.

**`property`** {GC.Data.ListLayout} layout - The layout.

**`property`** {boolean} multiSelect - Whether to set the list to multi-select.

**`property`** {string} valueType - The cell value type of dropdown list result, which accepts "string", "array".

**`property`** {GC.Data.ListItem[] | GC.Data.ListOptions[] | Function} items - The items. Usually, it accepts an array. Specially, when it accepts a function, the function should returns a DOM element.

**`property`** {Function} onItemSelected - It is used when items or sub-items are selected.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `items` | [`ListItem`](GC.Data#listitem)[] \| [`ListOptions`](GC.Data#listoptions)[] \| () => `HTMLElement` | a function returns a DOM element |
| `layout?` | [`ListLayout`](GC.Data#listlayout) | The layout. |
| `multiSelect?` | `boolean` | Whether to set the list to multi-select. |
| `text?` | `string` | The text. |
| `valueType?` | ``"string"`` \| ``"array"`` | The cell value type of dropdown list result, which accepts "string", "array". |
| `onItemSelected?` | (`e`: `MouseEvent`) => `string` | used when items or sub-items is (() => HTMLElement) |

___

### <a id="liststring" name="liststring"></a> ListString

Ƭ **ListString**: `string`

**`description`** The list type string, such as "1,2,3".

___

### <a id="listvalidatoroptions" name="listvalidatoroptions"></a> ListValidatorOptions

Ƭ **ListValidatorOptions**: `Object`

**`property`** {"list"} type - The data validator type.

**`property`** {GC.Data.ListString} source - The data validator source.

**`property`** {boolean} ignoreBlank - Whether to ignore empty value.

**`property`** {boolean} inCellDropdown - Whether to display a drop-down button.

**`property`** {GC.Data.ErrorStyle} errorStyle - The data validator error style.

**`property`** {string} errorTitle - The data validator error title.

**`property`** {string} errorMessage - The data validator error message.

**`property`** {boolean} showErrorMessage - Whether to show error message.

**`property`** {string} inputMessage - The data validator input message.

**`property`** {string} inputTitle - The data validator input title.

**`property`** {boolean} showInputMessage - Whether to show input message.

**`property`** {GC.Data.HighlightStyle} highlightStyle - The data validator highlight style.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `errorMessage` | `string` | The data validator error message. |
| `errorStyle` | [`ErrorStyle`](GC.Data#errorstyle) | The data validator error style. |
| `errorTitle` | `string` | The data validator error title. |
| `highlightStyle` | [`HighlightStyle`](GC.Data#highlightstyle) | The data validator highlight style. |
| `ignoreBlank` | `boolean` | Whether to ignore empty value. |
| `inCellDropdown` | `boolean` | Whether to display a drop-down button. |
| `inputMessage` | `string` | The data validator input message. |
| `inputTitle` | `string` | The data validator input title. |
| `showErrorMessage` | `boolean` | Whether to show error message. |
| `showInputMessage` | `boolean` | Whether to show input message. |
| `source` | [`ListString`](GC.Data#liststring) | The data validator source. |
| `type` | ``"list"`` | The data validator type. |

___

### <a id="masktype" name="masktype"></a> MaskType

Ƭ **MaskType**: `Object`

**`property`** {string} pattern - The mask pattern.

**`property`** {string} placeholder - The mask placeholder.

**`property`** {boolean} excludeLiteral - The mask exclude literal.

**`property`** {boolean} excludePlaceholder - The mask exclude placeholder.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `excludeLiteral?` | `boolean` | The mask exclude literal. |
| `excludePlaceholder?` | `boolean` | The mask exclude placeholder. |
| `pattern` | `string` | The mask pattern. |
| `placeholder?` | `string` | The mask placeholder. |

___

### <a id="monthpickeroptions" name="monthpickeroptions"></a> MonthPickerOptions

Ƭ **MonthPickerOptions**: `Object`

**`property`** {number} startYear - The month picker's start year, default value is ten year ago.

**`property`** {number} stopYear - The month picker's stop year, default value is this year.

**`property`** {number} height - The dom's height of month picker, default value is 300.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `height` | `number` | The dom's height of month picker, default value is 300. |
| `startYear` | `number` | The month picker's start year, default value is ten year ago. |
| `stopYear` | `number` | The month picker's stop year, default value is this year. |

___

### <a id="multicolumnoptions" name="multicolumnoptions"></a> MultiColumnOptions

Ƭ **MultiColumnOptions**: `Object`

**`property`** {number} width - User can customize the width for multi-column dropdown. By default, it is the min value between 800 and the result of auto calculated all the column width.

**`property`** {number} height - User can customize the height for multi-column dropdown. By default, it is the min value between 400 and the result of auto calculated all the row height.

**`property`** {string | Object[]} dataSource - User should specify the dataSource for binding.The dataSource is required, supports array or formula which return an array.

**`property`** {GC.Data.ColumnBindingInfo[]} bindingInfos - User can customize the bound column infos.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `bindingInfos?` | [`ColumnBindingInfo`](GC.Data#columnbindinginfo)[] | User can customize the bound column infos. |
| `dataSource` | `string` \| `any`[] | User should specify the dataSource for binding.The dataSource is required, supports array or formula which return an array. |
| `height?` | `number` | User can customize the height for multi-column dropdown. By default, it is the min value between 400 and the result of auto calculated all the row height. |
| `width?` | `number` | User can customize the width for multi-column dropdown. By default, it is the min value between 800 and the result of auto calculated all the column width. |

___

### <a id="numbervalidatoroptions" name="numbervalidatoroptions"></a> NumberValidatorOptions

Ƭ **NumberValidatorOptions**: `Object`

**`property`** {"number"} type - The data validator type.

**`property`** {GC.Data.CellValueComparisonOperator} comparisonOperator - The data validator comparison operator.

**`property`** {number | GC.Data.FormulaString} value1 - The data validator first value.

**`property`** {number | GC.Data.FormulaString} value2 - The data validator second value if validator comparison operator is "between" or "notBetween".

**`property`** {boolean} isIntegerValue - Is it an integer value if the validator type if "number".

**`property`** {boolean} ignoreBlank - Whether to ignore empty value.

**`property`** {boolean} inCellDropdown - Whether to display a drop-down button.

**`property`** {GC.Data.ErrorStyle} errorStyle - The data validator error style.

**`property`** {string} errorTitle - The data validator error title.

**`property`** {string} errorMessage - The data validator error message.

**`property`** {boolean} showErrorMessage - Whether to show error message.

**`property`** {string} inputMessage - The data validator input message.

**`property`** {string} inputTitle - The data validator input title.

**`property`** {boolean} showInputMessage - Whether to show input message.

**`property`** {GC.Data.HighlightStyle} highlightStyle - The data validator highlight style.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `comparisonOperator` | [`CellValueComparisonOperator`](GC.Data#cellvaluecomparisonoperator) | The data validator comparison operator. |
| `errorMessage` | `string` | The data validator error message. |
| `errorStyle` | [`ErrorStyle`](GC.Data#errorstyle) | The data validator error style. |
| `errorTitle` | `string` | The data validator error title. |
| `highlightStyle` | [`HighlightStyle`](GC.Data#highlightstyle) | The data validator highlight style. |
| `ignoreBlank` | `boolean` | Whether to ignore empty value. |
| `inCellDropdown` | `boolean` | Whether to display a drop-down button. |
| `inputMessage` | `string` | The data validator input message. |
| `inputTitle` | `string` | The data validator input title. |
| `isIntegerValue` | `boolean` | Is it an integer value if the validator type if "number". |
| `showErrorMessage` | `boolean` | Whether to show error message. |
| `showInputMessage` | `boolean` | Whether to show input message. |
| `type` | ``"number"`` | The data validator type. |
| `value1` | `number` \| [`FormulaString`](GC.Data#formulastring) | The data validator first value. |
| `value2?` | `number` \| [`FormulaString`](GC.Data#formulastring) | The data validator second value if validator comparison operator is "between" or "notBetween". |

___

### <a id="patternfilloptions" name="patternfilloptions"></a> PatternFillOptions

Ƭ **PatternFillOptions**: `Object`

**`property`** {string} type - The pattern fill type, which supports "solid", "darkGray", "mediumGray", "lightGray", "gray125", "gray0625", "darkHorizontal", "darkVertical", "darkDown", "darkUp", "darkGrid", "darkTrellis", "lightHorizontal", "lightVertical", "lightDown", "lightUp", "lightGrid" and "lightTrellis".

**`property`** {string} patternColor - the pattern fill color.

**`property`** {string} backgroundColor - the pattern fill background color.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `backgroundColor?` | `string` | the pattern fill background color. |
| `patternColor` | `string` | the pattern fill color. |
| `type` | ``"solid"`` \| ``"darkGray"`` \| ``"mediumGray"`` \| ``"lightGray"`` \| ``"gray125"`` \| ``"gray0625"`` \| ``"darkHorizontal"`` \| ``"darkVertical"`` \| ``"darkDown"`` \| ``"darkUp"`` \| ``"darkGrid"`` \| ``"darkTrellis"`` \| ``"lightHorizontal"`` \| ``"lightVertical"`` \| ``"lightDown"`` \| ``"lightUp"`` \| ``"lightGrid"`` \| ``"lightTrellis"`` | The pattern fill type, which supports "solid", "darkGray", "mediumGray", "lightGray", "gray125", "gray0625", "darkHorizontal", "darkVertical", "darkDown", "darkUp", "darkGrid", "darkTrellis", "lightHorizontal", "lightVertical", "lightDown", "lightUp", "lightGrid" and "lightTrellis". |

___

### <a id="radiobuttoncheckboxlistoptions" name="radiobuttoncheckboxlistoptions"></a> RadioButtonCheckboxListOptions

Ƭ **RadioButtonCheckboxListOptions**: `Object`

**`property`** {string} type - The type of the cell type, supports "radioButtonList","checkboxList".

**`property`** {GC.Data.ItemOptions[]} items - The items, which supports Object Array which each item contains text and value.

**`property`** {string} direction - The the radio box or check box's orders, which support "horizontal", "vertical".

**`property`** {number} maxColumnCount - The the radio box or check box's column count.

**`property`** {number} maxRowCount - The the radio box or check box's row count.

**`property`** {boolean} isFlowLayout - The the radio box or check box's layout is auto fit.

**`property`** {Object} itemSpacing - The space for two items.

**`property`** {number} itemSpacing.horizontal - The space for two items in horizontal direction.

**`property`** {number} itemSpacing.vertical - The space for two items in vertical direction.

**`property`** {string} textAlign - The text alignment relative to the radio box or check box, which supports "left", "right".

**`property`** {number} boxSize - The radio box or check box size.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `boxSize` | `number` | The radio box or check box size. |
| `direction` | ``"horizontal"`` \| ``"vertical"`` | The the radio box or check box's orders, which support "horizontal", "vertical". |
| `isFlowLayout` | `boolean` | The the radio box or check box's layout is auto fit. |
| `itemSpacing` | { `horizontal`: `number` ; `vertical`: `number`  } | The space for two items. |
| `itemSpacing.horizontal` | `number` | - |
| `itemSpacing.vertical` | `number` | - |
| `items` | [`ItemOptions`](GC.Data#itemoptions)[] | The items, which supports Object Array which each item contains text and value. |
| `maxColumnCount` | `number` | The the radio box or check box's column count. |
| `maxRowCount` | `number` | The the radio box or check box's row count. |
| `textAlign` | ``"left"`` \| ``"right"`` | The text alignment relative to the radio box or check box, which supports "left", "right". |
| `type` | ``"radioButtonList"`` \| ``"checkboxList"`` | The type of the cell type, supports "radioButtonList","checkboxList". |

___

### <a id="remotechangehandler" name="remotechangehandler"></a> RemoteChangeHandler

Ƭ **RemoteChangeHandler**: (`data`: `Object` \| `Object`[], `options`: `RequestInit`) => `Promise`<`Object` \| `Object`[]\>

#### Type declaration

▸ (`data`, `options`): `Promise`<`Object` \| `Object`[]\>

**`description`** handle data changes.

##### Parameters

| Name | Type | Description |
| :------ | :------ | :------ |
| `data` | `Object` \| `Object`[] | the data changes. |
| `options` | `RequestInit` | the options for the handler. |

##### Returns

`Promise`<`Object` \| `Object`[]\>

Returns of the handler.

___

### <a id="remotereadhandler" name="remotereadhandler"></a> RemoteReadHandler

Ƭ **RemoteReadHandler**: (`options`: `Object`) => `Promise`<`Object`[]\>

#### Type declaration

▸ (`options`): `Promise`<`Object`[]\>

**`description`** handle reading data.

##### Parameters

| Name | Type | Description |
| :------ | :------ | :------ |
| `options` | `Object` | the options for the handler. |

##### Returns

`Promise`<`Object`[]\>

Returns of the handler.

___

### <a id="scalevaluetype" name="scalevaluetype"></a> ScaleValueType

Ƭ **ScaleValueType**: ``"number"`` \| ``"lowestValue"`` \| ``"highestValue"`` \| ``"percent"`` \| ``"percentile"`` \| ``"automin"`` \| ``"formula"`` \| ``"automax"``

**`description`** The scale value type.

___

### <a id="slideroptions" name="slideroptions"></a> SliderOptions

Ƭ **SliderOptions**: `Object`

**`property`** {boolean} scaleVisible - Whether the thumb can drag over tick only, default value is false.

**`property`** {number} max - The maximum value the slider can slide to, default value is 100.

**`property`** {number} min - The minimum value the slider can slide to, default value is 0.

**`property`** {number} step - The granularity that the slider can step through values. Must greater than 0, and be divided by (max - min). When marks no null, step can be null, default value is 1.

**`property`** {boolean} tooltipVisible - If true, tooltip will show always, or it will not show anyway, even if dragging or hovering, default value is false.

**`property`** {number} width - The slider's width when direction is horizontal, default value is 350.

**`property`** {number} height - The slider's height when direction is vertical, default value is 350.

**`property`** {string} direction - The direction of slider, which accepts "horizontal", "vertical", and default value is horizontal.

**`property`** {number[]} marks - The tick mark of slider.

**`property`** {string} formatString - The display formatter, that used to tooltip or marks.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `direction` | ``"horizontal"`` \| ``"vertical"`` | The direction of slider, which accepts "horizontal", "vertical", and default value is horizontal. |
| `formatString` | `string` | The display formatter, that used to tooltip or marks. |
| `height` | `number` | The slider's height when direction is vertical, default value is 350. |
| `marks` | `number`[] | The tick mark of slider. |
| `max` | `number` | The maximum value the slider can slide to, default value is 100. |
| `min` | `number` | The minimum value the slider can slide to, default value is 0. |
| `scaleVisible` | `boolean` | Whether the thumb can drag over tick only, default value is false. |
| `step` | `number` | The granularity that the slider can step through values. Must greater than 0, and be divided by (max - min). When marks no null, step can be null, default value is 1. |
| `tooltipVisible` | `boolean` | If true, tooltip will show always, or it will not show anyway, even if dragging or hovering, default value is false. |
| `width` | `number` | The slider's width when direction is horizontal, default value is 350. |

___

### <a id="specifictextcomparisonoperator" name="specifictextcomparisonoperator"></a> SpecificTextComparisonOperator

Ƭ **SpecificTextComparisonOperator**: ``"contains"`` \| ``"doesNotContain"`` \| ``"beginsWith"`` \| ``"endsWith"``

**`description`** The specific text comparison operator.

___

### <a id="specifictextruleoptions" name="specifictextruleoptions"></a> SpecificTextRuleOptions

Ƭ **SpecificTextRuleOptions**: `Object`

**`property`** {"specificTextRule"} ruleType - The rule type if you want to use specific text rule.

**`property`** {GC.Data.SpecificTextComparisonOperator} comparisonOperator - The comparison operator of specific text.

**`property`** {string} text - The specific text.

**`property`** {GC.Data.StyleOptions} style - The style that is applied to the cell when the condition is met.

**`property`** {number} priority - The priority of the rule.

**`property`** {boolean} stopIfTrue - Whether rules with lower priority are applied before this rule.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `comparisonOperator` | [`SpecificTextComparisonOperator`](GC.Data#specifictextcomparisonoperator) | The comparison operator of specific text. |
| `priority` | `number` | The priority of the rule. |
| `ruleType` | ``"specificTextRule"`` | The rule type if you want to use specific text rule. |
| `stopIfTrue` | `boolean` | Whether rules with lower priority are applied before this rule. |
| `style` | [`StyleOptions`](GC.Data#styleoptions) | The style that is applied to the cell when the condition is met. |
| `text` | `string` | The specific text. |

___

### <a id="staterule" name="staterule"></a> StateRule

Ƭ **StateRule**: `Object`

**`property`** {GC.Data.StateRuleDirection} direction - The state rule direction.

**`property`** {GC.Data.RowColumnStates} state - The state.

**`property`** {GC.Data.ViewArea} [area] - The rule area.

**`description`** The state rule.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `area?` | [`ViewArea`](../enums/GC.Data.ViewArea) | the position where the rule takes an effect |
| `direction` | [`StateRuleDirection`](../enums/GC.Data.StateRuleDirection) | the state rule direction |
| `state` | [`RowColumnStates`](../enums/GC.Data.RowColumnStates) | the formula string |

___

### <a id="styleoptions" name="styleoptions"></a> StyleOptions

Ƭ **StyleOptions**: `Object`

**`property`** {string | GC.Data.PatternFillOptions | GC.Data.GradientFillOptions | GC.Data.GradientPathFillOptions} backColor - The background color string or pattern fill options, gradient fill options, gradient path fill options.

**`property`** {string} foreColor - The foreground color.

**`property`** {string} hAlign - The horizontal alignment, which supports "left", "center", "right", "general".

**`property`** {string} vAlign - The vertical alignment, which supports "top", "center", "bottom".

**`property`** {string} font - The font.

**`property`** {string} themeFont - The theme font.

**`property`** {string} formatter - The formatter string.

**`property`** {GC.Data.LineBorder} borderLeft - The left border.

**`property`** {GC.Data.LineBorder} borderTop - The top border.

**`property`** {GC.Data.LineBorder} borderRight - The right border.

**`property`** {GC.Data.LineBorder} borderBottom - The bottom border.

**`property`** {GC.Data.LineBorder} diagonalDown - The diagonal with LeftTop to bottomRight.

**`property`** {GC.Data.LineBorder} diagonalUp - The diagonal with topRight to bottomLeft.

**`property`** {boolean} locked - Whether the cell, row, or column is locked.

**`property`** {number} textIndent - The text indent amount.

**`property`** {boolean} wordWrap - Whether words wrap within the cell or cells.

**`property`** {boolean} shrinkToFit - Whether content shrinks to fit the cell or cells.

**`property`** {string} backgroundImage - The background image to display.

**`property`** {GC.Data.CheckboxOptions | GC.Data.ComboBoxOptions | GC.Data.HyperlinkOptions | GC.Data.FileUploadOptions | GC.Data.RadioButtonCheckboxListOptions} cellType - The cell type.

**`property`** {string} backgroundImageLayout - The layout for the background image, which supports "stretch", "center", "zoom", "none".

**`property`** {boolean} tabStop - Whether the user can set focus to the cell using the Tab key.

**`property`** {GC.Data.TextDecoration} textDecoration - The decoration added to text.

**`property`** {string} imeMode - The input method editor mode, which supports "auto", "active", "inactive", "disabled".

**`property`** {string} name - The name.

**`property`** {string} parentName - The name of the parent style.

**`property`** {string} watermark - The watermark content.

**`property`** {string} cellPadding - The cell padding.

**`property`** {GC.Data.LabelOptions} labelOptions - The cell label options.

**`property`** {boolean} isVerticalText - Whether to set the cell's text vertical.

**`property`** {number} textOrientation - The cell text rotation angle.

**`property`** {boolean} showEllipsis - Whether the text out of bounds shows ellipsis.

**`property`** {GC.Data.CellButtonOptions[]} cellButtons - The cell buttons.

**`property`** {GC.Data.DropDownOptions[]} dropDowns - The drop downs.

**`property`** {GC.Data.Decoration} decoration - The decoration.

**`property`** {GC.Data.MaskType} mask - The mask.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `backColor?` | `string` \| [`PatternFillOptions`](GC.Data#patternfilloptions) \| [`GradientFillOptions`](GC.Data#gradientfilloptions) \| [`GradientPathFillOptions`](GC.Data#gradientpathfilloptions) | The background color string or pattern fill options, gradient fill options, gradient path fill options. |
| `backgroundImage?` | `string` | The background image to display. |
| `backgroundImageLayout?` | ``"stretch"`` \| ``"center"`` \| ``"zoom"`` \| ``"none"`` | The layout for the background image, which supports "stretch", "center", "zoom", "none". |
| `borderBottom?` | [`LineBorder`](GC.Data#lineborder) | The bottom border. |
| `borderLeft?` | [`LineBorder`](GC.Data#lineborder) | The left border. |
| `borderRight?` | [`LineBorder`](GC.Data#lineborder) | The right border. |
| `borderTop?` | [`LineBorder`](GC.Data#lineborder) | The top border. |
| `cellButtons?` | [`CellButtonOptions`](GC.Data#cellbuttonoptions)[] | The cell buttons. |
| `cellPadding?` | `string` | The cell padding. |
| `cellType?` | [`CheckboxOptions`](GC.Data#checkboxoptions) \| [`ComboBoxOptions`](GC.Data#comboboxoptions) \| [`HyperlinkOptions`](GC.Data#hyperlinkoptions) \| [`FileUploadOptions`](GC.Data#fileuploadoptions) \| [`RadioButtonCheckboxListOptions`](GC.Data#radiobuttoncheckboxlistoptions) | The cell type. |
| `decoration?` | [`Decoration`](GC.Data#decoration) | The decoration. |
| `diagonalDown?` | [`LineBorder`](GC.Data#lineborder) | The diagonal with LeftTop to bottomRight. |
| `diagonalUp?` | [`LineBorder`](GC.Data#lineborder) | The diagonal with topRight to bottomLeft. |
| `dropDowns?` | [`DropDownOptions`](GC.Data#dropdownoptions)[] | The drop downs. |
| `font?` | `string` | The font. |
| `foreColor?` | `string` | The foreground color. |
| `formatter?` | `string` | The formatter string. |
| `hAlign?` | ``"left"`` \| ``"center"`` \| ``"right"`` \| ``"general"`` | The horizontal alignment, which supports "left", "center", "right", "general". |
| `imeMode?` | ``"auto"`` \| ``"active"`` \| ``"inactive"`` \| ``"disabled"`` | The input method editor mode, which supports "auto", "active", "inactive", "disabled". |
| `isVerticalText?` | `boolean` | Whether to set the cell's text vertical. |
| `labelOptions?` | [`LabelOptions`](GC.Data#labeloptions) | The cell label options. |
| `locked?` | `boolean` | Whether the cell, row, or column is locked. |
| `mask?` | [`MaskType`](GC.Data#masktype) | The mask. |
| `name?` | `string` | The name. |
| `parentName?` | `string` | The name of the parent style. |
| `showEllipsis?` | `boolean` | Whether the text out of bounds shows ellipsis. |
| `shrinkToFit?` | `boolean` | Whether content shrinks to fit the cell or cells. |
| `tabStop?` | `boolean` | Whether the user can set focus to the cell using the Tab key. |
| `textDecoration?` | [`TextDecoration`](GC.Data#textdecoration) | The decoration added to text. |
| `textIndent?` | `number` | The text indent amount. |
| `textOrientation?` | `number` | The cell text rotation angle. |
| `themeFont?` | `string` | The theme font. |
| `vAlign?` | ``"top"`` \| ``"center"`` \| ``"bottom"`` | The vertical alignment, which supports "top", "center", "bottom". |
| `watermark?` | `string` | The watermark content. |
| `wordWrap?` | `boolean` | Whether words wrap within the cell or cells. |

___

### <a id="stylerule" name="stylerule"></a> StyleRule

Ƭ **StyleRule**: `Object`

**`property`** {GC.Data.FormulaRule | GC.Data.StateRule} [rule] - The style rule.

**`property`** {GC.Data.StyleOptions} [style] - The style rule style.

**`description`** The style rule.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `rule?` | [`FormulaRule`](GC.Data#formularule) \| [`StateRule`](GC.Data#staterule) | the formula rule or the state rule |
| `style?` | [`StyleOptions`](GC.Data#styleoptions) | the style if the rule is satisfied |

___

### <a id="stylerules" name="stylerules"></a> StyleRules

Ƭ **StyleRules**: `Object`

**`property`** {GC.Data.StyleRule} name - The style rule.

**`description`** The style rules.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `name` | [`StyleRule`](GC.Data#stylerule) | the style rule |

___

### <a id="textdecoration" name="textdecoration"></a> TextDecoration

Ƭ **TextDecoration**: ``"underline"`` \| ``"lineThrough"`` \| ``"overline"`` \| ``"doubleUnderline"`` \| ``"none"`` \| ``"lineThroughUnderline"`` \| ``"lineThroughDoubleUnderline"``

**`description`** The text decoration.

___

### <a id="textlengthstring" name="textlengthstring"></a> TextLengthString

Ƭ **TextLengthString**: `string`

**`description`** The text length type string, such as "10".

___

### <a id="textlengthvalidatoroptions" name="textlengthvalidatoroptions"></a> TextLengthValidatorOptions

Ƭ **TextLengthValidatorOptions**: `Object`

**`property`** {"textLength"} type - The data validator type.

**`property`** {GC.Data.CellValueComparisonOperator} comparisonOperator - The data validator comparison operator.

**`property`** {GC.Data.TextLengthString | GC.Data.FormulaString} value1 - The data validator first value.

**`property`** {GC.Data.TextLengthString | GC.Data.FormulaString} value2 - The data validator second value if validator comparison operator is "between" or "notBetween".

**`property`** {boolean} ignoreBlank - Whether to ignore empty value.

**`property`** {boolean} inCellDropdown - Whether to display a drop-down button.

**`property`** {GC.Data.ErrorStyle} errorStyle - The data validator error style.

**`property`** {string} errorTitle - The data validator error title.

**`property`** {string} errorMessage - The data validator error message.

**`property`** {boolean} showErrorMessage - Whether to show error message.

**`property`** {string} inputMessage - The data validator input message.

**`property`** {string} inputTitle - The data validator input title.

**`property`** {boolean} showInputMessage - Whether to show input message.

**`property`** {GC.Data.HighlightStyle} highlightStyle - The data validator highlight style.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `comparisonOperator` | [`CellValueComparisonOperator`](GC.Data#cellvaluecomparisonoperator) | The data validator comparison operator. |
| `errorMessage` | `string` | The data validator error message. |
| `errorStyle` | [`ErrorStyle`](GC.Data#errorstyle) | The data validator error style. |
| `errorTitle` | `string` | The data validator error title. |
| `highlightStyle` | [`HighlightStyle`](GC.Data#highlightstyle) | The data validator highlight style. |
| `ignoreBlank` | `boolean` | Whether to ignore empty value. |
| `inCellDropdown` | `boolean` | Whether to display a drop-down button. |
| `inputMessage` | `string` | The data validator input message. |
| `inputTitle` | `string` | The data validator input title. |
| `showErrorMessage` | `boolean` | Whether to show error message. |
| `showInputMessage` | `boolean` | Whether to show input message. |
| `type` | ``"textLength"`` | The data validator type. |
| `value1` | [`TextLengthString`](GC.Data#textlengthstring) \| [`FormulaString`](GC.Data#formulastring) | The data validator first value. |
| `value2?` | [`TextLengthString`](GC.Data#textlengthstring) \| [`FormulaString`](GC.Data#formulastring) | The data validator second value if validator comparison operator is "between" or "notBetween". |

___

### <a id="threescaleruleoptions" name="threescaleruleoptions"></a> ThreeScaleRuleOptions

Ƭ **ThreeScaleRuleOptions**: `Object`

**`property`** {"threeScaleRule"} ruleType - The rule type if you want to use three scale rule.

**`property`** {GC.Data.ScaleValueType} minType - The minimum scale type.

**`property`** {number} minValue - The minimum scale value.

**`property`** {GC.Data.ColorString} minColor - The minimum scale color string.

**`property`** {GC.Data.ScaleValueType} midType - The midpoint scale type.

**`property`** {number} midValue - The midpoint scale value.

**`property`** {GC.Data.ColorString} midColor - The midpoint scale color string.

**`property`** {GC.Data.ScaleValueType} maxType - The maximum scale type.

**`property`** {number} maxValue - The maximum scale value.

**`property`** {GC.Data.ColorString} maxColor - The maximum scale color string.

**`property`** {number} priority - The priority of the rule.

**`property`** {boolean} stopIfTrue - Whether rules with lower priority are applied before this rule.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `maxColor` | [`ColorString`](GC.Data#colorstring) | The maximum scale color string. |
| `maxType` | [`ScaleValueType`](GC.Data#scalevaluetype) | The maximum scale type. |
| `maxValue` | `number` | The maximum scale value. |
| `midColor` | [`ColorString`](GC.Data#colorstring) | The midpoint scale color string. |
| `midType` | [`ScaleValueType`](GC.Data#scalevaluetype) | The midpoint scale type. |
| `midValue` | `number` | The midpoint scale value. |
| `minColor` | [`ColorString`](GC.Data#colorstring) | The minimum scale color string. |
| `minType` | [`ScaleValueType`](GC.Data#scalevaluetype) | The minimum scale type. |
| `minValue` | `number` | The minimum scale value. |
| `priority` | `number` | The priority of the rule. |
| `ruleType` | ``"threeScaleRule"`` | The rule type if you want to use three scale rule. |
| `stopIfTrue` | `boolean` | Whether rules with lower priority are applied before this rule. |

___

### <a id="timepickeroptions" name="timepickeroptions"></a> TimePickerOptions

Ƭ **TimePickerOptions**: `Object`

**`property`** {GC.Data.TimePickerValue} max - The maximum value the time picker can display, the value need hour, minute and second attribute.

**`property`** {GC.Data.TimePickerValue} min - The minimum value the time picker can display, the value need hour, minute and second attribute.

**`property`** {GC.Data.TimePickerValue} step - The granularity that the time picker can step through values.

**`property`** {string} formatString - The format of the time item.

**`property`** {number} height - The container of the time picker's size.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `formatString` | `string` | The format of the time item. |
| `height` | `number` | The container of the time picker's size. |
| `max` | [`TimePickerValue`](GC.Data#timepickervalue) | The maximum value the time picker can display, the value need hour, minute and second attribute. |
| `min` | [`TimePickerValue`](GC.Data#timepickervalue) | The minimum value the time picker can display, the value need hour, minute and second attribute. |
| `step` | [`TimePickerValue`](GC.Data#timepickervalue) | The granularity that the time picker can step through values. |

___

### <a id="timepickervalue" name="timepickervalue"></a> TimePickerValue

Ƭ **TimePickerValue**: `Object`

**`property`** {number} hour - The hour of the value.

**`property`** {number} minute - The minute of the value.

**`property`** {number} second - The second of the value.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `hour` | `number` | The hour of the value. |
| `minute` | `number` | The minute of the value. |
| `second` | `number` | The second of the value. |

___

### <a id="timevalidatoroptions" name="timevalidatoroptions"></a> TimeValidatorOptions

Ƭ **TimeValidatorOptions**: `Object`

**`property`** {"time"} type - The data validator type.

**`property`** {GC.Data.CellValueComparisonOperator} comparisonOperator - The data validator comparison operator.

**`property`** {Date | GC.Data.FormulaString} value1 - The data validator first value.

**`property`** {Date | GC.Data.FormulaString} value2 - The data validator second value if validator comparison operator is "between" or "notBetween".

**`property`** {boolean} ignoreBlank - Whether to ignore empty value.

**`property`** {boolean} inCellDropdown - Whether to display a drop-down button.

**`property`** {GC.Data.ErrorStyle} errorStyle - The data validator error style.

**`property`** {string} errorTitle - The data validator error title.

**`property`** {string} errorMessage - The data validator error message.

**`property`** {boolean} showErrorMessage - Whether to show error message.

**`property`** {string} inputMessage - The data validator input message.

**`property`** {string} inputTitle - The data validator input title.

**`property`** {boolean} showInputMessage - Whether to show input message.

**`property`** {GC.Data.HighlightStyle} highlightStyle - The data validator highlight style.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `comparisonOperator` | [`CellValueComparisonOperator`](GC.Data#cellvaluecomparisonoperator) | The data validator comparison operator. |
| `errorMessage` | `string` | The data validator error message. |
| `errorStyle` | [`ErrorStyle`](GC.Data#errorstyle) | The data validator error style. |
| `errorTitle` | `string` | The data validator error title. |
| `highlightStyle` | [`HighlightStyle`](GC.Data#highlightstyle) | The data validator highlight style. |
| `ignoreBlank` | `boolean` | Whether to ignore empty value. |
| `inCellDropdown` | `boolean` | Whether to display a drop-down button. |
| `inputMessage` | `string` | The data validator input message. |
| `inputTitle` | `string` | The data validator input title. |
| `showErrorMessage` | `boolean` | Whether to show error message. |
| `showInputMessage` | `boolean` | Whether to show input message. |
| `type` | ``"time"`` | The data validator type. |
| `value1` | `Date` \| [`FormulaString`](GC.Data#formulastring) | The data validator first value. |
| `value2?` | `Date` \| [`FormulaString`](GC.Data#formulastring) | The data validator second value if validator comparison operator is "between" or "notBetween". |

___

### <a id="top10ruleoptions" name="top10ruleoptions"></a> Top10RuleOptions

Ƭ **Top10RuleOptions**: `Object`

**`property`** {"top10Rule"} ruleType - The rule type if you want to use top-10 rule.

**`property`** {GC.Data.Top10Type} type - The top-10 type.

**`property`** {number} rank - The number of top or bottom items to apply the style to.

**`property`** {GC.Data.StyleOptions} style - The style that is applied to the cell when the condition is met.

**`property`** {number} priority - The priority of the rule.

**`property`** {boolean} stopIfTrue - Whether rules with lower priority are applied before this rule.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `priority` | `number` | The priority of the rule. |
| `rank` | `number` | The number of top or bottom items to apply the style to. |
| `ruleType` | ``"top10Rule"`` | The rule type if you want to use top-10 rule. |
| `stopIfTrue` | `boolean` | Whether rules with lower priority are applied before this rule. |
| `style` | [`StyleOptions`](GC.Data#styleoptions) | The style that is applied to the cell when the condition is met. |
| `type` | [`Top10Type`](GC.Data#top10type) | The top-10 type. |

___

### <a id="top10type" name="top10type"></a> Top10Type

Ƭ **Top10Type**: ``"top"`` \| ``"bottom"``

**`description`** The top-10 type.

___

### <a id="twoscaleruleoptions" name="twoscaleruleoptions"></a> TwoScaleRuleOptions

Ƭ **TwoScaleRuleOptions**: `Object`

**`property`** {"twoScaleRule"} ruleType - The rule type if you want to use two scale rule.

**`property`** {GC.Data.ScaleValueType} minType - The minimum scale type.

**`property`** {number} minValue - The minimum scale value.

**`property`** {GC.Data.ColorString} minColor - The minimum scale color string.

**`property`** {GC.Data.ScaleValueType} maxType - The maximum scale type.

**`property`** {number} maxValue - The maximum scale value.

**`property`** {GC.Data.ColorString} maxColor - The maximum scale color string.

**`property`** {number} priority - The priority of the rule.

**`property`** {boolean} stopIfTrue - Whether rules with lower priority are applied before this rule.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `maxColor` | [`ColorString`](GC.Data#colorstring) | The maximum scale color string. |
| `maxType` | [`ScaleValueType`](GC.Data#scalevaluetype) | The maximum scale type. |
| `maxValue` | `number` | The maximum scale value. |
| `minColor` | [`ColorString`](GC.Data#colorstring) | The minimum scale color string. |
| `minType` | [`ScaleValueType`](GC.Data#scalevaluetype) | The minimum scale type. |
| `minValue` | `number` | The minimum scale value. |
| `priority` | `number` | The priority of the rule. |
| `ruleType` | ``"twoScaleRule"`` | The rule type if you want to use two scale rule. |
| `stopIfTrue` | `boolean` | Whether rules with lower priority are applied before this rule. |

___

### <a id="uniqueruleoptions" name="uniqueruleoptions"></a> UniqueRuleOptions

Ƭ **UniqueRuleOptions**: `Object`

**`property`** {"uniqueRule"} ruleType - The rule type if you want to use unique rule.

**`property`** {GC.Data.StyleOptions} style - The style that is applied to the cell when the condition is met.

**`property`** {number} priority - The priority of the rule.

**`property`** {boolean} stopIfTrue - Whether rules with lower priority are applied before this rule.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `priority` | `number` | The priority of the rule. |
| `ruleType` | ``"uniqueRule"`` | The rule type if you want to use unique rule. |
| `stopIfTrue` | `boolean` | Whether rules with lower priority are applied before this rule. |
| `style` | [`StyleOptions`](GC.Data#styleoptions) | The style that is applied to the cell when the condition is met. |

___

### <a id="viewoptions" name="viewoptions"></a> ViewOptions

Ƭ **ViewOptions**: `Object`

**`property`** {number} [defaultColumnWidth] - The default column width.

**`property`** {GC.Data.StyleRules} [styleRules] - The style rules.

**`property`** {boolean} [showCrossValueHeader] - mark the cross value headers are visible.

**`property`** {GC.Data.ICrossViewOptions} [cross] - define the cross column options.

**`description`** The options for the view.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `cross?` | [`ICrossViewOptions`](GC.Data#icrossviewoptions) | define the cross column options. |
| `defaultColumnWidth?` | `number` | the default column width |
| `showCrossValueHeader?` | `boolean` | mark the cross value headers are visible. |
| `styleRules?` | [`StyleRules`](GC.Data#stylerules) | the style rules |

___

### <a id="workflowitem" name="workflowitem"></a> WorkFlowItem

Ƭ **WorkFlowItem**: `Object`

**`property`** {string} value - The item value.

**`property`** {number[]|string[]} transitions - The item transitions.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `transitions` | `number`[] \| `string`[] | The item transitions. |
| `value` | `string` | The item value. |

___

### <a id="workflowoptions" name="workflowoptions"></a> WorkFlowOptions

Ƭ **WorkFlowOptions**: `Object`

**`property`** {GC.Data.WorkFlowItem[]} items - The items.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `items` | [`WorkFlowItem`](GC.Data#workflowitem)[] | The items. |